<template>
  <div style="height:700px;width: 100%;background-color: rgba(242, 242, 244, 1)"
  v-loading="loading"
          element-loading-text="loading......"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.8)">
    <el-row :gutter="20" style="margin-right: 10px" >
      <el-col :span="21">
        <div style="background: rgba(255,255,255,-0.5)" class="grid-content bg-purple">
          <el-scrollbar ref="scrollMenuRef">
            <div style="width:100%;height:560px;margin: 36px 12px;margin-right: 50px;">
              <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                <el-collapse-item title="保单基本信息" name="1" id='保单基本信息'>
                  <div style="background-color:#FFF;">
                    <div style="margin: 14px;height: 14px">
                      <div class="u30_left" style="margin-top: 1px"><img width="14px" height="14px"
                                                                         src="../../assets/images/u30.png" alt=""></div>
                      <div class="u30_left" style="margin-left: 10px;font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
                font-weight: 700;
                font-style: normal;
                font-size: 14px;
                line-height: 22px;" id='保单信息'>保单信息
                      </div>
                    </div>
                    <div style="width: 100%;">
                      <el-form :model="prpLCaseDamageDTO">
                        <!--                        第一行-->
                        <el-row type="flex">
                          <el-col :span="8">
                            <el-form-item label="保单号">
                              <el-input :disabled="true"
                                        v-model="prpLCaseDamageDTO.policyNo" placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="起保日期">
                              <el-input :disabled="true"
                                        v-model="prpLCaseDamageDTO.startDate" placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="终保日期">
                              <el-input :disabled="true"
                                        v-model="prpLCaseDamageDTO.endDate" placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <!--                        第二行-->
                        <el-row type="flex">
                          <el-col :span="8">
                            <el-form-item label="险种">
                              <el-input :disabled="true"
                                        v-model="prpLCaseDamageDTO.riskName" placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="共保标识">
                              <el-input :disabled="true"
                                        v-model="prpLCaseDamageDTO.coinsFlagName" placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="主承比例">
                              <el-input :disabled="true"
                              :value="(prpLCaseDamageDTO.mainRatio*100)+'%'" placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                      </el-form>
                    </div>

                  </div>

                  <div style="margin: 30px" class="ax_default line">
                    <img id="u274_img" class="img " src="../../assets/images/u39.svg"/>
                  </div>
                  <!-- 间隔线 -->
                  <!--<div  class="ax_default line" style="border-bottom:1px gray dotted;width: 988px;margin:10px;height: 50px;">

                </div>-->

                  <!-- 被保险人信息 -->
                  <div style="background-color:#FFF;">
                    <div style="margin: 14px;height: 14px;">
                      <div class="u30_left" style="margin-top: 1px"><img width="14px" height="14px"
                                                                         src="../../assets/images/u30.png" alt=""></div>
                      <div class="u30_left" style="margin-left: 10px;font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
              font-weight: 700;
              font-style: normal;
              font-size: 14px;
              line-height: 22px;" id='被保险人信息'>被保险人信息
                      </div>
                    </div>
                    <el-form :model="prpLCaseDamageDTO">
                      <!--                        第一行-->
                      <el-row type="flex">
                        <el-col :span="8">
                          <el-form-item label="被保险人">
                            <el-input :disabled="true"  placeholder=""
                                      v-model="prpLCaseDamageDTO.insuredName">


                              <!-- <el-button slot="append"  @click="centerDialogVisible = true" style="width: 100%;"></el-button> -->
                            </el-input>

                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="英文姓名">
                            <el-input :disabled="true"  v-model="prpLCaseDamageDTO.insuredEName"
                                      placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="类型">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.type" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>

                      </el-row>
                      <!--                        第二行-->
                      <el-row type="flex">

                        <el-col :span="8">
                          <el-form-item label="性质">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.nature" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="社/医保号">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.socialSecurityNo" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="教育程度">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.educationLevel" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                      </el-row>
                      <!--                        第3行-->
                      <el-row type="flex">

                        <!-- <el-col :span="6" :offset="1">
                        <el-form-item label="医保号" class="item_a">
                          <el-input :disabled="true" style="width: 200px;height: 10px;"  v-model="prpLCaseDamageDTO.medicalInsuranceNo" placeholder="审批人"></el-input>
                        </el-form-item>
                      </el-col> -->

                        <el-col :span="8">
                          <el-form-item label="证件类型">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.documentType" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="证件号">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.documentNo" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="出生日期">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.birthday" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                      </el-row>
                      <!--                        第4行-->
                      <el-row type="flex">
                        <el-col :span="8">
                          <el-form-item label="年龄">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.age" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="性别">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.sex" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="健康情况">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.health" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                      </el-row>
                      <!--                        第5行-->
                      <!--                        第6行-->
                      <el-row type="flex">
                        <el-col :span="8">
                          <el-form-item label="国籍代码">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.user" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="邮政编码">
                            <el-input :disabled="true"
                                      v-model="formInline.postalCode" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="固定电话">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.telephone" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                      </el-row>
                      <!--                        第7行-->
                      <el-row type="flex">

                        <el-col :span="8">
                          <el-form-item label="移动电话">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.phone" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="电子邮箱">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.email" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                      </el-row>
                      <!--                        第8行-->
                      <el-row type="flex">

                        <el-col :span="24">
                          <el-form-item label="居住地址">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.address" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>

                      </el-row>
                      <!--                        9行-->
                      <el-row type="flex">

                        <el-col :span="24">
                          <el-form-item label="通信地址">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.mailAddress" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                      </el-row>
                      <!--                        第10行-->
                      <el-row type="flex">

                        <el-col :span="24">
                          <el-form-item label="户口所在地">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.localPoliceStation" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                      </el-row>
                    </el-form>
                  </div>

                  <!-- 间隔线 -->
                  <div style="margin: 30px" class="ax_default line">
                    <img class="img " src="../../assets/images/u39.svg"/>
                  </div>


                  <div style="background-color:#FFF;">
                    <div style="margin: 14px;height: 14px;">
                      <div class="u30_left" style="margin-top: 1px"><img width="14px" height="14px"
                                                                         src="../../assets/images/u30.png" alt=""></div>
                      <div class="u30_left" style="margin-left:10px;font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
                font-weight: 700;
                font-style: normal;
                font-size: 14px;
                line-height: 22px;" id='单位信息'>单位信息
                      </div>
                    </div>


                    <el-form :model="null">
                      <!--                        第一行-->
                      <el-row type="flex">
                        <el-col :span="8">
                          <el-form-item label="职业分类">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.jobClassify" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="单位编码">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.departmentCode" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="单位性质">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.departmentType" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>

                      </el-row>
                      <!--                        第二行-->
                      <el-row type="flex">
                        <el-col :span="8">
                          <el-form-item label="单位电话">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.departmentTelephone" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="单位名称">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.departmentName" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>

                      </el-row>
                      <!--                        第3行-->
                      <!--                        第8行-->
                      <el-row type="flex">

                        <el-col :span="24">
                          <el-form-item label="单位地址">
                            <el-input :disabled="true"
                                      v-model="prpLCaseDamageDTO.departmentAddress" placeholder=""></el-input>
                          </el-form-item>
                        </el-col>
                      </el-row>
                    </el-form>

                  </div>


                </el-collapse-item>
              </el-collapse>
              <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                <el-collapse-item title="本次就医信息" name="2" id='本次就医信息'>
                  <div style="background-color:#FFF;">
                    <div style="margin: 14px;height: 14px;">
                      <div class="u30_left" style="margin-top: 1px"><img width="14px" height="14px"
                                                                         src="../../assets/images/u30.png" alt=""></div>
                      <div class="u30_left" style="margin-left:10px;font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
                font-weight: 700;
                font-style: normal;
                font-size: 14px;
                line-height: 22px;">就医信息
                      </div>
                    </div>


                    <el-form :model="prpLThismedicalinfoDTO" ref="prpLThismedicalinfoDTO" label-width="100px" :rules="rules">


                      <!--                        第一行-->
                      <el-row type="flex">
                        <el-col :span="8">
                          <el-form-item  prop="hospitalNo" label="就诊登记号" style="line-height: 15px"  :required="false">
                            <el-input  v-model="prpLThismedicalinfoDTO.hospitalNo"
                                      placeholder="请输入就诊登记号" :disabled="true"></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="医疗类型" :required="true">
                            <el-select v-model="prpLThismedicalinfoDTO.medicalType" placeholder="请选择"
                                        :disabled="true">
                              <el-option
                                v-for="item in MedType"
                                :key="item.codeCode"
                                :label="item.codeCName"
                                :value="item.codeCode">
                              </el-option>
                            </el-select>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">

                          <el-form-item label="医疗机构" :required="true">
                             <el-autocomplete
                              :disabled="true"
                              popper-class="my-autocomplete"
                              v-model="prpLThismedicalinfoDTO.hospitalName"
                              :fetch-suggestions="querySearch"
                              placeholder="点击查询"
                              @select="handleSelect">
                              >
                              <template slot-scope="{ item }">
                                <div>{{ item.hospCode}}-{{ item.value }}</div>
                              </template>
                            </el-autocomplete>
                          </el-form-item>
                        </el-col>
                      </el-row>
                      <!--                        新增行-->
                      <el-row type="flex">
                        <el-col :span="8">
                          <el-form-item label="就诊类型" :required="true">
                              <el-select :disabled="true" v-model="prpLThismedicalinfoDTO.clinicType" placeholder="请选择">
                                <el-option v-for="item in comList" :key="item.opautcode" :label="item.opautinfo" :value="item.opautcode"> </el-option>
                              </el-select>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="疾病诊断">
                            <el-input :disabled="true" @dblclick.native.stop.prevent="diagnosisNameClick" placeholder="请输入内容" v-model="prpLThismedicalinfoDTO.diagnosisName" class="input-with-select" suffix-icon="el-icon-search">
                            </el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item  label="就诊开始时间"  :required="true">
                            <el-date-picker :disabled="true" type="datetime" placeholder="选择日期时间"
                            value-format="yyyy-MM-dd HH:mm:ss"
                                            v-model="prpLThismedicalinfoDTO.diagnosisStartDate"></el-date-picker>
                          </el-form-item>
                        </el-col>


                      </el-row>
                      <el-row type="flex">

                        <el-col :span="8">
                          <el-form-item  label="入院时间" required>
                            <el-date-picker :disabled="true" type="datetime" placeholder="选择日期时间"
                            value-format="yyyy-MM-dd HH:mm:ss"
                                            v-model="prpLThismedicalinfoDTO.inHospitalTime"></el-date-picker>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item  label="出院时间" required>
                            <el-date-picker :disabled="true" type="datetime" placeholder="选择日期时间"
                            value-format="yyyy-MM-dd HH:mm:ss"
                                            v-model="prpLThismedicalinfoDTO.outHospitaTime"></el-date-picker>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item  label="住院号"  :required="true">
                            <el-input :disabled="true"
                                      v-model="prpLThismedicalinfoDTO.inHospitalNo" placeholder="请输入住院号"></el-input>
                          </el-form-item>
                        </el-col>
                      </el-row>
                      <!--                        第3行-->
                      <el-row type="flex">
                        <el-col :span="8">
                          <el-form-item label="科室类型" :required="true">
                            <el-select :disabled="true" v-model="prpLThismedicalinfoDTO.departmentType"
                                       @change="selectDepartmentType($event)" filterable placeholder="请选择">

                              <el-option
                                v-for="item in departmentType"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id">
                              </el-option>
                            </el-select>
                          </el-form-item>
                        </el-col>

                        <el-col :span="8">
                          <el-form-item label="科室" :required="true">
                            <el-select :disabled="true" placeholder="请选择"
                                       v-model="prpLThismedicalinfoDTO.department">
                              <el-option
                                v-for="item in department"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id">
                              </el-option>
                            </el-select>
                          </el-form-item>
                        </el-col>

                        <el-col :span="8">
                          <el-form-item label="床位号">
                            <el-input :disabled="true"
                                      v-model="prpLThismedicalinfoDTO.bedNo" placeholder="请输入床位号"></el-input>
                          </el-form-item>
                        </el-col>


                      </el-row>
                      <!--                        第4行-->
                      <el-row type="flex">
                        <el-col :span="8">
                          <el-form-item label="医师">
                            <el-input :disabled="true"
                                      v-model="prpLThismedicalinfoDTO.doctor" placeholder="请输入医师"></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="是否手术"  :required="true">
                            <template>
                              <el-radio :disabled="true" label="1" v-model="prpLThismedicalinfoDTO.isOperation">是</el-radio>
                              <el-radio :disabled="true" label="2" v-model="prpLThismedicalinfoDTO.isOperation">否</el-radio>
                            </template>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="是否转诊"  :required="true">
                            <template>
                              <el-radio :disabled="true" v-model="" label="1" v-model="prpLThismedicalinfoDTO.isTransfer">是</el-radio>
                              <el-radio :disabled="true" v-model="" label="2" v-model="prpLThismedicalinfoDTO.isTransfer">否</el-radio>

                            </template>
                          </el-form-item>
                        </el-col>

                      </el-row>

                      <!--                        第5行-->
                      <el-row type="flex">
                        <el-col :span="8">
                          <el-form-item label="入院原因">
                            <el-input
                            :disabled="true" v-model="prpLThismedicalinfoDTO.reason" placeholder="请输入入院原因"></el-input>
                          </el-form-item>
                        </el-col>
                        <el-col :span="8">
                          <el-form-item label="备注">
                            <el-input
                            :disabled="true" v-model="prpLThismedicalinfoDTO.remark" placeholder="请输入备注"></el-input>
                          </el-form-item>
                        </el-col>

                      </el-row>

                    </el-form>

                  </div>

                  <!--  <div  class="ax_default line">
                   <img id="u274_img" class="img " src="public\static\img\u39.svg"/>
                 </div>-->
                  <!-- 间隔线 -->
                  <div style="margin: 30px" class="ax_default line">
                    <img class="img " src="../../assets/images/u39.svg"/>
                  </div>


                  <!-- 被保险人信息 -->
                  <div style="background-color:#FFF;">
                    <div style="margin: 14px;height: 14px;">
                      <div class="u30_left" style="margin-top: 1px"><img width="14px" height="14px"
                                                                         src="../../assets/images/u30.png" alt=""></div>
                      <div class="u30_left" style="margin-left:10px;margin-bottom:10px;font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
              font-weight: 700;
              font-style: normal;
              font-size: 14px;
              line-height: 22px;" id="年度累计">年度累计
                      </div>
                    </div>
                    <!-- 年度累计 -->
                    <el-table
                      :data="prpLChargeTotalDTO"
                      class="table"
                      ref="multipleTable"
                      header-cell-class-name="table-header"
                    >
                      <el-table-column prop="hospNumTotal" label="住院次数" align="center"
                      width="130" show-overflow-tooltip></el-table-column>
                      <el-table-column prop="outpatientTotal" label="门诊次数" align="center"
                      width="130"               show-overflow-tooltip></el-table-column>
                      <el-table-column prop="doctorTotal" label="就医次数" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="annualSumPayAmount" label="年度大病合规累计" align="center"
                      show-overflow-tooltip></el-table-column>
                      <el-table-column prop="annualSocialAmount" label="年度累计赔付金额" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="annualCompliance" label="年度累计医疗报销金额" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="annualOtherClassAmount" label="其它报销累计" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column label="操作栏" align="center" show-overflow-tooltip>
                        <span @click="caseInfoHistorys()" style="color: #278DE4;">历史赔付案件</span>
                        <!-- <el-button type="text"  @click="caseInfo = true">历史赔付案件</el-button> -->
                      </el-table-column>

                    </el-table>

                  </div>
                </el-collapse-item>
              </el-collapse>

              <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                <el-collapse-item title="本次结算信息" id="本次结算信息" name="3">
                  <div style="background-color:#FFF;">
                    <div style="margin: 14px;height: 14px;">
                      <div class="u30_left" style="margin-top: 1px"><img width="14px" height="14px"
                                                                         src="../../assets/images/u30.png" alt=""></div>
                      <div class="u30_left" style="margin-left:10px;margin-bottom:10px;font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
                font-weight: 700;
                font-style: normal;
                font-size: 14px;
                line-height: 22px;" id="基本信息">基本信息
                      </div>
                    </div>


                    <div style="margin-top: 30px">
                      <el-form :model="prpLThisSettlementDTO" ref="prpLThisSettlementDTO" :rules="rules">
                        <!--                        第一行-->
                        <el-row type="flex">
                          <el-col :span="8">
                            <el-form-item label="大病赔案号">
                              <el-input :disabled="true"
                                        v-model="prpLCaseDamageDTO.caseNo" placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="报案人名称" :required="true">
                              <el-input :disabled="true"
                                        v-model="prpLThisSettlementDTO.reporterName" placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="报案人电话" :required="true">
                              <el-input :disabled="true"
                                        v-model="prpLThisSettlementDTO.reporterPhone" placeholder=""></el-input>
                            </el-form-item>
                          </el-col>


                        </el-row>
                        <!--                        第二行-->

                        <el-row type="flex">
                          <el-col :span="8">
                            <el-form-item  label="报案时间"  :required="true">
                              <el-date-picker :disabled="true" type="datetime" v-model="prpLThisSettlementDTO.reportDate"
                                              value-format="yyyy-MM-dd" placeholder="选择日期时间"
                                              ></el-date-picker>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="出险原因"  :required="true">
                              <el-autocomplete
                               :disabled="true"
                                popper-class="my-autocomplete"
                                v-model="prpLThisSettlementDTO.damageReason"
                                :fetch-suggestions="querySearchReason"

                                placeholder="点击查询"
                                @select="handleSelectReason">
                                >
                              <template slot-scope="{ item }">
                                <div>{{ item.codeCode}}-{{ item.value }}</div>
                              </template>
                            </el-autocomplete>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item   label="出险时间"  :required="true">
                              <el-date-picker :disabled="true" type="datetime" v-model="prpLThisSettlementDTO.damageDate"
                                              placeholder="选择日期时间"></el-date-picker>
                            </el-form-item>
                          </el-col>

                        </el-row>
                        <!--                        第3行-->
                        <el-row type="flex">

                          <el-col :span="8">
                            <el-form-item label="社保登记号"  :required="true">
                              <el-input :disabled="true"
                                        v-model="prpLThisSettlementDTO.registerNo" placeholder="请输入社保登记号"></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="社保结算号"  :required="true">
                              <el-input :disabled="true"
                                        v-model="prpLThisSettlementDTO.settlementNo"  placeholder="请输入社保结算号"></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="是否诉讼案件">
                              <template>
                                <el-radio :disabled="true" v-model="prpLThisSettlementDTO.isLawsuit" label="1">是</el-radio>
                                <el-radio :disabled="true" v-model="prpLThisSettlementDTO.isLawsuit" label="2">否</el-radio>
                              </template>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <!--                        第4行-->

                        <el-row type="flex">

                          <el-col :span="8">
                            <el-form-item  label="结算日期"  prop="settlementDate" :required="false">
                              <el-date-picker :picker-options="pickerOptions" :disabled="true" v-model="prpLThisSettlementDTO.settlementDate" type="datetime" placeholder="选择日期时间"
                              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="案件类型" :required="true">
                              <el-select :disabled="true" v-model="prpLThisSettlementDTO.caseType" placeholder="请选择"
                                  >
                                  <el-option
                                  v-for="item in CaseType"
                                  :key="item.codeCode"
                                  :label="item.codeCName"
                                  :value="item.codeCode">
                                </el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="拒赔原因" prop="diationCause" :required="false" v-if="prpLThisSettlementDTO.caseType=='5'">
                              <el-select :disabled="true" v-model="prpLThisSettlementDTO.diationCause" placeholder="请选择">
                                  <el-option
                                  v-for="item in RefuseType"
                                  :key="item.codeCode"
                                  :label="item.codeCName"
                                  :value="item.codeCode">
                                  </el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                        </el-row>

                        <!--                        第5行-->
                        <el-row type="flex">
                          <el-col :span="8">
                            <el-form-item label="出险地点" :required="true">
                              <el-select :disabled="true" v-model="selectProvinceAdress" filterable size="small"
                                         @change="selectProvinceFunAdress($event)" placeholder="请选择省份">
                                <el-option value="" label="请选择省份"></el-option>
                                <el-option :value="item" :label="item.label" v-for="(item, index) in city"
                                           :key="index"></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                          <el-col :span="5">
                            <el-form-item
                                          :required="true">
                              <el-select :disabled="true"  v-model="selectCityAdress" filterable
                                         size="small" @change="selectCityFunAdress($event)" placeholder="请选择城市">
                                <el-option value="" label="请选择城市"></el-option>
                                <el-option :value="item" :label="item.label" v-for="(item, index) in cityListAdress"
                                           :key="index"></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                          <el-col :span="5">
                            <el-form-item
                                          :required="true">
                              <el-select :disabled="true"  v-model="selectAreaAdress" filterable
                                         size="small" @change="selectAreaFunAdress($event)" placeholder="请选择区县">
                                <el-option value="" label="请选择区县"></el-option>
                                <el-option :value="item" :label="item.label" v-for="(item, index) in areaListAdress"
                                           :key="index"></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                          <el-col :span="12">
                            <el-form-item label="具体地址" :required="true">
                              <el-input :disabled="true"  v-model="prpLThisSettlementDTO.damageAddress"
                                        placeholder="请输入具体地址"></el-input>
                            </el-form-item>
                          </el-col>

                        </el-row>
                      </el-form>
                    </div>


                  </div>

                  <!-- <div  class="ax_default line">
                  <img id="u274_img" class="img " src="public\static\img\u39.svg"/>
                </div> -->
                  <!-- 间隔线 -->
                  <div style="margin: 30px" class="ax_default line">
                    <img class="img " src="../../assets/images/u39.svg"/>
                  </div>


                  <div style="background-color:#FFF;">
                    <div style="margin: 14px;height: 14px;">
                      <div class="u30_left" style="margin-top: 1px"><img width="14px" height="14px"
                                                                         src="../../assets/images/u30.png" alt=""></div>
                      <div class="u30_left" style="margin-left:10px;margin-bottom:10px;font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
              font-weight: 700;
              font-style: normal;
              font-size: 14px;
              line-height: 22px;" id="就诊明细">就诊明细
                      </div>
                    </div>

                    <!-- 就诊明细 -->
                    <el-table
                      :data="prpLDiagnosisDetailDTOS"
                      class="table"
                      ref="multipleTable"
                      header-cell-class-name="table-header"
                    >
                      <!-- <el-table-column prop="handlDate" label="经办日期" align="center"   show-overflow-tooltip></el-table-column> -->
                      <el-table-column prop="projectName" label="项目名称" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="kindCode" label="险别-责任" align="center" :formatter="typeFormatter"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="price" label="单价" align="center" show-overflow-tooltip></el-table-column>
                      <el-table-column prop="num" label="数量" align="center" show-overflow-tooltip></el-table-column>
                      <el-table-column prop="amount" label="费用金额" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <!-- <el-table-column prop="payRate" label="自付比例" align="center"  show-overflow-tooltip> </el-table-column> -->
                      <!-- <el-table-column prop="reportableRate" label="合规医疗比例" align="center"
                                       show-overflow-tooltip></el-table-column> -->
                      <el-table-column prop="medilcalAmount" label="合规医疗金额" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column label="操作栏" align="center" show-overflow-tooltip width="200px">
                        <template slot-scope="scope">
                          <el-button type="text" @click="showDetail(scope.row)">查看</el-button>
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>

                  <!-- 间隔线 -->
                  <div style="margin: 30px" class="ax_default line">
                    <img class="img " src="../../assets/images/u39.svg"/>
                  </div>


                  <div style="background-color:#FFF;">
                    <div style="margin: 14px;height: 14px;">
                      <div class="u30_left" style="margin-top: 1px"><img width="14px" height="14px"
                                                                         src="../../assets/images/u30.png" alt=""></div>
                      <div class="u30_left" style="margin-left:10px;margin-bottom:10px;font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
                font-weight: 700;
                font-style: normal;
                font-size: 14px;
                line-height: 22px;" id="险别汇总信息">险别汇总信息
                      </div>
                    </div>
                    <!-- 年度累计 -->
                    <el-table
                      :data="prpLKindSummaryDTO"
                      class="table"
                      ref="multipleTable"
                      header-cell-class-name="table-header"
                    >
                      <el-table-column prop="kindCode" label="险别-责任" align="center"
                      :formatter="typeFormatter" show-overflow-tooltip></el-table-column>
                      <el-table-column prop="feeAmount" label="费用金额" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="medilcalAmount" label="合规医疗金额 " align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="paidRatio" label="赔付比例" :formatter="formatterRatio" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="perDeductible" label="个人起付线" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="deductible" label="免赔额" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="deductibleRate" label="免赔率" :formatter="formatteraRate" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="payableAmount" label="应赔付金额" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="adjustAmount" label="调整金额" align="center" show-overflow-tooltip>
                        <template slot-scope="scope">
                          <el-input :disabled="true" v-model="scope.row.adjustAmount" placeholder=""></el-input>
                         </template>
                      </el-table-column>
                      <el-table-column prop="adjustReason" label="调整原因" align="center" show-overflow-tooltip>
                        <template slot-scope="scope">
                          <el-input :disabled="true" v-model="scope.row.adjustReason" placeholder=""></el-input>
                         </template>
                      </el-table-column>
                    </el-table>
                  </div>
                  <!-- 间隔线 -->
                  <div style="margin: 30px" class="ax_default line">
                    <img class="img " src="../../assets/images/u39.svg"/>
                  </div>


                  <div style="background-color:#FFF;">
                    <div style="margin: 14px;height: 14px;">
                      <div class="u30_left" style="margin-top: 1px"><img width="14px" height="14px"
                                                                         src="../../assets/images/u30.png" alt=""></div>
                      <div class="u30_left" style="margin-left:10px;margin-bottom:10px;font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
                  font-weight: 700;
                  font-style: normal;
                  font-size: 14px;
                  line-height: 22px;" id="本次医疗费用">本次医疗费用
                      </div>
                    </div>
                    <!-- 本次医疗费用 -->
                    <el-table
                      :data="prpLCaseInfo"
                      class="table"
                      ref="multipleTable"
                      header-cell-class-name="table-header"
                      style="line-height: 20px;"
                    >
                      <el-table-column prop="sumAmount" label="总费用金额" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="qualifiedFee" label="大病合规费用" align="center" show-overflow-tooltip>

                      </el-table-column>
                      <el-table-column prop="sumPayAmount" label="总赔付金额" align="center"
                                       show-overflow-tooltip></el-table-column>
                      <el-table-column prop="sumSelfAmount" label="总自付费用" align="center" show-overflow-tooltip>
                      <!-- <template slot-scope="scope">
                        <el-input v-model="scope.row.sumSelfAmount" placeholder="" style="width: 80%;"></el-input>
                      </template> -->
                    </el-table-column>
                      <!--<el-table-column prop="bSelfAmount" label="乙类自付费用" align="center" show-overflow-tooltip>
                        <template slot-scope="scope">
                         <el-input v-model="scope.row.bSelfAmount" placeholder=""></el-input>
                        </template>
                      </el-table-column>-->
                      <el-table-column prop="medFee" label="总自理费用" align="center" show-overflow-tooltip>
                        <!-- <template slot-scope="scope">
                          <el-input v-model="scope.row.medFee" placeholder=""></el-input>
                         </template> -->
                       </el-table-column>
                      <el-table-column prop="medAmount" label="本次社保报销金额" align="center" show-overflow-tooltip>
                        <!-- <template slot-scope="scope">
                          <el-input v-model="scope.row.medAmount" placeholder=""></el-input>
                         </template> -->
                      </el-table-column>
                      <el-table-column prop="otherReimburseAmount" label="其它报销金额" align="center" show-overflow-tooltip>
                        <!-- <template slot-scope="scope">
                          <el-input v-model="scope.row.otherReimburseAmount" placeholder=""></el-input>
                         </template> -->
                      </el-table-column>
                    </el-table>
                  </div>

                </el-collapse-item>

              </el-collapse>

              <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                <el-collapse-item title="
            理赔费用信息" id="理赔费用信息" name="4">
                  <div style="background-color:#FFF;">

                    <el-table
                      :data="prpLChargeDTO"
                      class="table"
                      ref="multipleTable"
                      header-cell-class-name="table-header"
                    >
                      <el-table-column prop="scope.row.kindName" label="险别-责任" align="center">
                        <template slot-scope="scope">
                            <el-select :disabled="true" v-model="scope.row.kindName" placeholder="请选择">
                              <el-option
                                v-for="item in DamageType"
                                :key="item.label"
                                :label="item.value"
                                :value="`${item.label}|${item.value}|${item.clauseCode}|${item.clauseName}`">
                              </el-option>
                            </el-select>
                          </el-select>
                        </template>
                      </el-table-column>
                      <el-table-column prop="scope.row.feeName" label="费用名称" align="center">
                        <template slot-scope="scope">
                          <el-select :disabled="true" v-model="scope.row.feeName" placeholder="请选择">
                            <el-option
                              v-for="item in ChargeType"
                              :key="item.codeCode"
                              :label="item.codeCName"
                              :value="`${item.codeCode}|${item.codeCName}`">
                            </el-option>
                          </el-select>
                        </template>
                      </el-table-column>
                      <el-table-column prop="amount" label="金额" align="center" show-overflow-tooltip>
                        <template slot-scope="scope">
                          <el-input :disabled="true" v-model="scope.row.amount" placeholder="" style="width: 80%;"></el-input>
                        </template>
                      </el-table-column>
                      <el-table-column prop="remark " label="备注" align="center" show-overflow-tooltip>
                        <template slot-scope="scope">
                          <el-input :disabled="true" v-model="scope.row.remark" placeholder=""></el-input>
                        </template>
                      </el-table-column>

                    </el-table>
                  </div>
                </el-collapse-item>
              </el-collapse>

              <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                <el-collapse-item title="
            赔付汇总信息" id="赔付汇总信息" name="6">
                  <div style="background-color:#FFF;">
                    <div style="background-color:#FFF;">
                      <div style="height: 14px;">
                      </div>
                      <el-form :model="prpLCaseInfoDTO">
                        <!--                        第一行-->
                        <el-row type="flex">
                          <el-col :span="8">
                            <el-form-item label="本次赔付金额">
                              <el-input :disabled="true"  v-model="prpLCaseInfoDTO.thisPaid"
                                        placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8" :offset="1">
                            <el-form-item label="本次费用金额">
                              <el-input :disabled="true"  v-model="prpLCaseInfoDTO.thisFee"
                                        placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8" :offset="1">
                            <el-form-item label="本次总金额">
                              <el-input :disabled="true"  v-model="prpLCaseInfoDTO.thisSumAmount"
                                        placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row type="flex" v-if="prpLCaseDamageDTO.coinsFlag=='0'">
                          <el-col :span="8">
                            <el-form-item label="我方赔付金额">
                              <el-input :disabled="true"  :value="(((prpLCaseInfoDTO.thisPaid)*prpLCaseDamageDTO.mainRatio).toFixed(2))"
                                        placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8" :offset="1">
                            <el-form-item label="我方费用金额">
                              <el-input :disabled="true"  :value="(((prpLCaseInfoDTO.thisFee)*prpLCaseDamageDTO.mainRatio).toFixed(2))"
                                        placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8" :offset="1">
                            <el-form-item label="我方总金额">
                              <el-input :disabled="true"  :value="(((prpLCaseInfoDTO.thisSumAmount)*prpLCaseDamageDTO.mainRatio).toFixed(2))"
                                        placeholder=""></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                      </el-form>
                    </div>
                  </div>
                </el-collapse-item>
              </el-collapse>
              <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                <el-collapse-item title="
            共保分摊信息" name="5" id="共保分摊信息">
                  <div style="background-color:#FFF;">

                    <el-table
                      :data="prpLCfeecoinsDTO"
                      class="table"
                      ref="multipleTable"
                      header-cell-class-name="table-header"
                    >
                    <el-table-column prop="coinsType" label="共保身份" align="center"
                    show-overflow-tooltip :formatter="typeFormattercoinsType"></el-table-column>
                      <el-table-column prop="coinsCode" label="共保人机构代码" align="center"
                                        show-overflow-tooltip width="180px"></el-table-column>
                      <el-table-column prop="coinsName" width="300px" label="共保人机构名称" align="center"
                                        show-overflow-tooltip></el-table-column>
                      <el-table-column prop="lossFeeType" label="赔付类型" align="center" :formatter="typeFormatterFeeType" show-overflow-tooltip></el-table-column>
                      <el-table-column prop="coinsRate" label="共保份额" :formatter="batteryformatterRate" align="center"
                                        show-overflow-tooltip></el-table-column>
                      <el-table-column prop="sumPaid" label="共保分摊金额" align="center" show-overflow-tooltip></el-table-column>
                      <el-table-column prop="coinsComboRate" label="联合体份额" :formatter="batteryformatterComboRate" align="center" show-overflow-tooltip></el-table-column>
                      <el-table-column prop="coinsComboSumPaid" label="联合体分摊金额" align="center" show-overflow-tooltip></el-table-column>
                      <el-table-column width="80px" prop="scope.row.isPayment" label="是否代付" align="center" show-overflow-tooltip>
                        <template slot-scope="scope">
                            <el-select v-model="scope.row.isPayment" placeholder="请选择" :disabled="true">
                              <el-option
                                  v-for="item in options"
                                  :key="item.value"
                                  :label="item.label"
                                  :value="item.value">
                                </el-option>
                            </el-select>
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>

                </el-collapse-item>
              </el-collapse>
              <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                <el-collapse-item title="
            账号信息" id="账号信息" name="7">

                  <div style="background-color:#FFF;">

                    <el-table
                      :data="prpLPayeeDTO"
                      class="table"
                      ref="multipleTable"
                      header-cell-class-name="table-header"
                    >
                      <el-table-column prop="paymentType" label="赔付类型" align="center" :formatter="typeFormatterPay" show-overflow-toolti></el-table-column>
                      <el-table-column prop="payeeName" label="领款人姓名" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="bankNo" label="银行账号" align="center" width="200px" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="bankToPubPri" label="对公对私" :formatter="typeFormatterPri" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="phone" label="联系电话" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="payAmount" label="金额" align="center" show-overflow-tooltip>
                        <!-- <el-input v-model="prpLPayeeDTO.payAmount" placeholder="" style="with:260px;"></el-input> -->
                      </el-table-column>
                      <el-table-column label="操作栏" align="center" width="150px" show-overflow-tooltip >
                        <template slot-scope="scope">
                          <el-button type="text" @click="showAccount(scope.row)">查看</el-button>
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>
                </el-collapse-item>
              </el-collapse>
	       <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                <el-collapse-item title="
            主共账号信息" id="主共账号信息" name="8">
                  <div style="background-color:#FFF;">
                    <el-table
                      :data="prpLPayeeDTOab"
                      class="table"
                      ref="multipleTable"
                      header-cell-class-name="table-header"
                    >

                      <el-table-column prop="payeeName" label="领款人姓名" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="coinsurComName" label="主共公司名称" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="bankNo" label="银行账号" align="center" width="200px" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="bankToPubPri" label="对公对私" :formatter="typeFormatterPri" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="phone" label="联系电话" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column label="操作栏" align="center" width="150px" show-overflow-tooltip >
                        <template slot-scope="scope">
                          <el-button type="text" @click="showAccountab(scope.row)">查看</el-button>
                          <!-- <el-button type="text" @click="modifyAccount1ab(scope.$index,scope.row)">修改</el-button>
                          <el-button type="text" @click="deleteAccountab(scope.$index)">删除</el-button> -->
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>
                </el-collapse-item>
              </el-collapse>
              <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                <el-collapse-item title="
                从共代付账号信息" id="从共代付账号信息" name="9">
                  <div style="background-color:#FFF;">
                    <el-table
                      :data="prpLPayeeDTOac"
                      class="table"
                      ref="multipleTable"
                      header-cell-class-name="table-header"
                    >
                      <el-table-column prop="paymentType" label="赔付类型" align="center" :formatter="typeFormatterPay" show-overflow-toolti></el-table-column>
                      <el-table-column prop="payeeName" label="领款人姓名" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="coinsurComName" label="共保公司名称" align="center"  show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="bankNo" label="银行账号" align="center" width="200px" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="bankToPubPri" label="对公对私" :formatter="typeFormatterPri" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="phone" label="联系电话" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column prop="payAmount" label="金额" align="center" show-overflow-tooltip>
                      </el-table-column>
                      <el-table-column label="操作栏" align="center" width="150px" show-overflow-tooltip >
                        <template slot-scope="scope">
                          <el-button type="text" @click="showAccountac(scope.row)">查看</el-button>
                          <!-- <el-button type="text" @click="modifyAccount1ac(scope.$index,scope.row)">修改</el-button>
                          <el-button type="text" @click="deleteAccountac(scope.$index)">删除</el-button> -->
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>
                </el-collapse-item>
              </el-collapse>
                <!-- 审核意见 -->
                <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                  <el-collapse-item title="
                  审核意见" id="审核意见" name="10">
                  <el-form :model="prpLClaimOpinionDTO"  class="info-submit-form">
                    <el-row type="flex" class="input-textarea">
                        <el-col :span="16">
                            <el-form-item label="审核意见：">
                              <el-radio :disabled="auditOpinion" v-model="prpLClaimOpinionDTO.auditOpinion" label="03">同意</el-radio>
                              <el-radio :disabled="auditOpinion" v-model="prpLClaimOpinionDTO.auditOpinion" label="04">退回</el-radio>
                              <el-radio :disabled="auditOpinion" v-model="prpLClaimOpinionDTO.auditOpinion" label="06">提交上级</el-radio>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row type="flex" class="input-textarea">
                        <el-col :span="24">
                            <el-form-item label="审核备注：" prop="surveyResult">
                                <el-input :disabled="auditOpinion" show-word-limit v-model="prpLClaimOpinionDTO.remark" type="textarea" ></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
                  </el-collapse-item>
                </el-collapse>
                <el-collapse v-model="activeNames" @change="handleChange" class="coll_a">
                  <el-collapse-item title="审核意见轨迹" id="审核意见轨迹" name="11">
                    <div style="background-color:#FFF;">
                      <el-table
                        :data="prpLClaimOpinionRecordDTOList"
                        class="table"
                        ref="multipleTable"
                        header-cell-class-name="table-header"
                      >
                        <el-table-column prop="handlerCode" label="审核人工号" align="center"></el-table-column>
                        <el-table-column prop="handlerName" label="审核人姓名" align="center"></el-table-column>
                        <el-table-column prop="auditOpinion" :formatter="formatTaskState" label="审核状态" align="center"></el-table-column>
                        <el-table-column prop="remark" label="备注" align="center"></el-table-column>
                        <!-- <el-table-column prop="evaluate" label="评价" align="center"></el-table-column> -->
                        <el-table-column prop="handlTime" label="审核时间" align="center"></el-table-column>
                      </el-table>
                    </div>
                  </el-collapse-item>
               </el-collapse>
            </div>
          </el-scrollbar>

          <div>
            <template>
              <div style="margin-left: 33%;margin-top: 25px;padding-bottom: 50px;height: 50px;">
                <!--<el-button type="primary" :disabled="buttonShow" size="medium"  @click="silhouette">影像资料</el-button>-->
                <el-button type="primary" size="medium" @click="imgUPload">单证上传</el-button>
                <el-button type="primary" size="medium" @click="imgQueryShow">查看单证</el-button>
                <el-button type="primary" size="medium" @click="abandonTisk">放弃任务</el-button>
                <!-- <el-button type="primary" size="medium">发起调查</el-button> -->
                <!-- <el-button type="primary"  size="medium" @click="saveCase">暂存</el-button> -->
                <el-button type="primary"  :disabled="buttonShow" size="medium" v-on:click="saveCase()">提交</el-button>
                <el-button type="primary" :disabled="buttonShow" size="medium" v-on:click="handleClose">关闭</el-button>

              </div>
            </template>
          </div>
         <!-- 账户弹出框 -->
         <el-dialog
         title="账户信息"
         :visible.sync="editaccount"
         class="class_c"
         width="50%"
         center>
         <div>
           <template>
             <el-form  :model="prpLPayee"   ref="prpLPayee">
               <span v-model="form.accountIndex"></span>
               <el-row type="flex">
                 <el-col :span="12">
                   <el-form-item label="领款人名称" :required="true">
                     <el-input @dblclick.native.stop.prevent="bankAccountClick" placeholder="请输入领款人名称" v-model="prpLPayee.payeeName" class="input-with-select" suffix-icon="el-icon-search" :disabled="showDiagnosis">
                     </el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2">
                   <el-form-item label="证件类型">
                     <el-select  v-model="prpLPayee.identifyType" placeholder="请选择..." :disabled="showDiagnosis">
                       <el-option
                         v-for="item in IdentifyType"
                         :key="item.codeCode"
                         :label="item.codeCName"
                         :value="item.codeCode">
                       </el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row type="flex">
                 <el-col :span="12">
                   <el-form-item label="证件号码">
                     <el-input placeholder="请输入证件号码"  v-model="prpLPayee.identifyNo"  :disabled="showDiagnosis"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2" prop="bankBroad" :required="false">
                   <el-form-item label="收款银行大类" :required="true">
                     <el-select v-model="prpLPayee.bankBroad"  placeholder="请选择..." :disabled="showDiagnosis">
                       <el-option
                         v-for="item in BankBigType"
                         :key="item.codeCode"
                         :label="item.codeCName"
                         :value="item.codeCode">
                       </el-option>
                       <!-- <el-option label="住院医疗保险" value="住院医疗保险"></el-option> -->
                     </el-select>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row type="flex">
                 <el-col :span="12">
                   <el-form-item label="省"  :required="false">
                     <el-select :disabled="showDiagnosis"  v-model="selectProvince" filterable size="small"
                                @change="selectProvinceFun($event)" placeholder="请选择省份">
                       <el-option value="" label="请选择省份"></el-option>
                       <el-option :value="item" :label="item.label" v-for="(item, index) in cityBank"
                                  :key="index"></el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2" >
                   <el-form-item label="市"  :required="false">
                     <el-select :disabled="showDiagnosis"  v-model="selectCity" filterable
                                size="small" @change="selectCityFun($event)" placeholder="请选择城市">
                       <el-option value="" label="请选择城市"></el-option>
                       <el-option :value="item" :label="item.label" v-for="(item, index) in cityList"
                                  :key="index"></el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row type="flex">
                 <el-col :span="12" >
                   <el-form-item label="开户行县" :required="false">
                     <el-select :disabled="showDiagnosis"  v-model="selectArea" filterable
                                size="small" @change="selectAreaFun($event)" placeholder="请选择区县">
                       <el-option value="" label="请选择区县"></el-option>
                       <el-option :value="item" :label="item.label" v-for="(item, index) in areaList"
                                  :key="index"></el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2">
                   <el-form-item label="开户银行">
                     <el-select v-model="prpLPayee.bankName"  placeholder="请选择..." :disabled="showDiagnosis">
                        <el-option label="开户行" value="住院医疗保险"></el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row type="flex">
                 <el-col :span="12">
                   <el-form-item label="银行地址" prop="bankAddress" :required="false">
                     <el-input  v-model="prpLPayee.bankAddress" placeholder="请输入银行地址"  :disabled="showDiagnosis"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2">
                   <el-form-item label="对公对私" prop="bankToPubPri" :required="false">
                     <el-select  v-model="prpLPayee.bankToPubPri" placeholder="请选择..." :disabled="showDiagnosis">
                        <el-option label="对公" value="1"></el-option>
                        <el-option label="对私" value="2"></el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row type="flex">

                 <el-col :span="12"  >
                   <el-form-item label="账号" prop="bankNo" :required="false">
                     <el-input  v-model="prpLPayee.bankNo" placeholder="请输入账号" :disabled="showDiagnosis"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2">
                  <el-form-item label="联系电话">
                    <el-input v-model="prpLPayee.phone" placeholder="请输入联系电话" :disabled="showDiagnosis"></el-input>
                  </el-form-item>
                </el-col>
               </el-row>
               <el-row type="flex">
                 <el-col :span="12" >
                   <el-form-item label="金额" prop="payAmount" :required="false">
                     <el-input v-model="prpLPayee.payAmount" style="width: 100%" placeholder="请输入金额" :disabled="showDiagnosis"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2">
                  <el-form-item label="赔付类型">
                    <el-select v-model="prpLPayee.paymentType"  placeholder="请选择" :disabled="showDiagnosis">
                      <el-option
                        v-for="item in PaymentType"
                        :key="item.codeCode"
                        :label="item.codeCName"
                        :value="item.codeCode">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
               </el-row>
               <el-row type="flex">
                 <el-col :span="12">
                   <el-form-item label="摘要" prop="remark" :required="false">
                     <el-input v-model="prpLPayee.remark"  placeholder="请输入摘要信息" :disabled="showDiagnosis"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2">
                  <el-form-item>
                  </el-form-item>
                </el-col>
               </el-row>
             </el-form>
           </template>
         </div>
         <div slot="footer" class="dialog-footer" v-if="modifyAccount==true">
           <el-button type="info" @click="editaccount = false">关闭</el-button>
           <el-button type="primary" @click="submitAddAccount" v-if="showSubmit==false">保存</el-button>
         </div>

         <div slot="footer" class="dialog-footer" style="margin-top:50px;" v-if="modifyAccount==false">
           <el-button type="info" @click="editaccount = false">关闭</el-button>
           <el-button type="primary" @click="submitModifyAccount">保存</el-button>
         </div>
       </el-dialog>
         <!-- 从共代付账号信息 -->
         <el-dialog
         title="从共代付账号信息"
         :visible.sync="editaccountac"
         class="class_c"
         width="50%"
         center>
         <div>
           <template>
             <el-form ref="form" :model="prpLPayee">
               <span v-model="form.accountIndex"></span>
               <el-row type="flex">
                 <el-col :span="12">
                   <el-form-item label="领款人名称">
                     <el-input @dblclick.native.stop.prevent="bankAccountClick" placeholder="请输入领款人名称" v-model="prpLPayee.payeeName" class="input-with-select" suffix-icon="el-icon-search" :disabled="showDiagnosis">
                     </el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2">
                  <el-form-item label="从共公司名称">
                   <el-select  v-model="prpLPayee.coinsurComName" placeholder="请选择..." :disabled="showDiagnosis">
                     <el-option
                       v-for="item in editaccountacCompany"
                       :key="item.coinsCode"
                       :label="item.coinsName"
                       :value="item.coinsCode">
                     </el-option>
                   </el-select>
                  </el-form-item>
                </el-col>
               </el-row>
               <el-row type="flex">
                <el-col :span="12">
                  <el-form-item label="证件类型">
                    <el-select  v-model="prpLPayee.identifyType" placeholder="请选择..." :disabled="showDiagnosis">
                      <el-option
                        v-for="item in IdentifyType"
                        :key="item.codeCode"
                        :label="item.codeCName"
                        :value="item.codeCode">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                 <el-col :span="12" :offset="2">
                   <el-form-item label="证件号码">
                     <el-input placeholder="请输入证件号码"  v-model="prpLPayee.identifyNo" :disabled="showDiagnosis"></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row type="flex">
                <el-col :span="12">
                  <el-form-item label="收款银行大类" :required="true">
                    <el-select v-model="prpLPayee.bankBroad"  placeholder="请选择..." :disabled="showDiagnosis">
                      <el-option
                        v-for="item in BankBigType"
                        :key="item.codeCode"
                        :label="item.codeCName"
                        :value="item.codeCode">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                 <el-col :span="12" :offset="2">
                   <el-form-item label="省" :required="true">
                     <el-select :disabled="showDiagnosis"  v-model="selectProvince" filterable size="small"
                                @change="selectProvinceFun($event)" placeholder="请选择省份">
                       <el-option value="" label="请选择省份"></el-option>
                       <el-option :value="item" :label="item.label" v-for="(item, index) in cityBank"
                                  :key="index"></el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row type="flex">
                <el-col :span="12">
                  <el-form-item label="市" :required="true">
                    <el-select :disabled="showDiagnosis"  v-model="selectCity" filterable
                               size="small" @change="selectCityFun($event)" placeholder="请选择城市">
                      <el-option value="" label="请选择城市"></el-option>
                      <el-option :value="item" :label="item.label" v-for="(item, index) in cityList"
                                 :key="index"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                 <el-col :span="12" :offset="2">
                   <el-form-item label="开户行县">
                     <el-select :disabled="showDiagnosis"  v-model="selectArea" filterable
                                size="small" @change="selectAreaFun($event)" placeholder="请选择区县">
                       <el-option value="" label="请选择区县"></el-option>
                       <el-option :value="item" :label="item.label" v-for="(item, index) in areaList"
                                  :key="index"></el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row type="flex">
                <el-col :span="12" >
                  <el-form-item label="开户银行">
                    <el-select v-model="prpLPayee.bankName"  placeholder="请选择..." :disabled="showDiagnosis">
                       <el-option label="开户行" value="住院医疗保险"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                 <el-col :span="12" :offset="2">
                   <el-form-item label="银行地址" :required="true">
                     <el-input  v-model="prpLPayee.bankAddress" placeholder="请输入银行地址"  :disabled="showDiagnosis"></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row type="flex">
                <el-col :span="12">
                  <el-form-item label="对公对私" :required="true">
                    <el-select  v-model="prpLPayee.bankToPubPri" placeholder="请选择..." :disabled="showDiagnosis">
                       <el-option label="对公" value="1"></el-option>
                       <el-option label="对私" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12" :offset="2" >
                 <el-form-item label="账号" :required="true">
                   <el-input  v-model="prpLPayee.bankNo" placeholder="请输入账号" :disabled="showDiagnosis"></el-input>
                 </el-form-item>
               </el-col>
               </el-row>
               <el-row type="flex">

                 <el-col :span="12">
                   <el-form-item label="联系电话">
                     <el-input v-model="prpLPayee.phone" placeholder="请输入联系电话" :disabled="showDiagnosis"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2">
                   <el-form-item label="金额" :required="true">
                     <el-input v-model="prpLPayee.payAmount" style="width: 100%" placeholder="请输入金额" :disabled="showDiagnosis"></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row type="flex">
                 <el-col :span="12">
                   <el-form-item label="赔付类型">
                     <el-select v-model="prpLPayee.paymentType"  placeholder="请选择" :disabled="showDiagnosis">
                       <el-option
                         v-for="item in PaymentType"
                         :key="item.codeCode"
                         :label="item.codeCName"
                         :value="item.codeCode">
                       </el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12" :offset="2">
                   <el-form-item label="摘要" :required="true">
                     <el-input v-model="prpLPayee.remark"  placeholder="请输入摘要信息" :disabled="showDiagnosis"></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
             </el-form>
           </template>
         </div>
         <div slot="footer" class="dialog-footer" v-if="modifyAccount==true">
           <el-button type="info" @click="editaccountac = false">关闭</el-button>
           <el-button type="primary" @click="submitAddAccountac" v-if="showSubmit==false">保存</el-button>
         </div>

         <div slot="footer" class="dialog-footer" style="margin-top:50px;" v-if="modifyAccount==false">
           <el-button type="info" @click="editaccountac = false">关闭</el-button>
           <el-button type="primary" @click="submitModifyAccountac">保存</el-button>
         </div>
       </el-dialog>
           <!-- 主共账号信息 -->
           <el-dialog
           title="主共账号信息"
           :visible.sync="editaccountab"
           class="class_c"
           width="50%"
           center>
           <div>
             <template>
               <el-form ref="form" :model="prpLPayee">
                 <span v-model="form.accountIndex"></span>
                 <el-row type="flex">
                   <el-col :span="12">
                     <el-form-item label="领款人名称">
                       <el-input @dblclick.native.stop.prevent="bankAccountClick" placeholder="请输入领款人名称" v-model="prpLPayee.payeeName" class="input-with-select" suffix-icon="el-icon-search" :disabled="showDiagnosis">
                       </el-input>
                     </el-form-item>
                   </el-col>
                   <el-col :span="12" :offset="2">
                    <el-form-item label="主共公司名称">
                      <el-select  v-model="prpLPayee.coinsurComName" placeholder="请选择..." :disabled="showDiagnosis">
                        <el-option
                          v-for="item in editaccountabCompany"
                          :key="item.coinsCode"
                          :label="item.coinsName"
                          :value="item.coinsCode">
                        </el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                 </el-row>
                 <el-row type="flex">
                  <el-col :span="12">
                    <el-form-item label="证件类型">
                      <el-select  v-model="prpLPayee.identifyType" placeholder="请选择..." :disabled="showDiagnosis">
                        <el-option
                          v-for="item in IdentifyType"
                          :key="item.codeCode"
                          :label="item.codeCName"
                          :value="item.codeCode">
                        </el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                   <el-col :span="12" :offset="2">
                     <el-form-item label="证件号码">
                       <el-input placeholder="请输入证件号码"  v-model="prpLPayee.identifyNo" :disabled="showDiagnosis"></el-input>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row type="flex">
                  <el-col :span="12">
                    <el-form-item label="收款银行大类" :required="true">
                      <el-select v-model="prpLPayee.bankBroad"  placeholder="请选择..." :disabled="showDiagnosis">
                        <el-option
                          v-for="item in BankBigType"
                          :key="item.codeCode"
                          :label="item.codeCName"
                          :value="item.codeCode">
                        </el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                   <el-col :span="12" :offset="2">
                     <el-form-item label="省" :required="true">
                       <el-select :disabled="showDiagnosis"  v-model="selectProvince" filterable size="small"
                                  @change="selectProvinceFun($event)" placeholder="请选择省份">
                         <el-option value="" label="请选择省份"></el-option>
                         <el-option :value="item" :label="item.label" v-for="(item, index) in cityBank"
                                    :key="index"></el-option>
                       </el-select>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row type="flex">
                  <el-col :span="12">
                    <el-form-item label="市" :required="true">
                      <el-select :disabled="showDiagnosis"  v-model="selectCity" filterable
                                 size="small" @change="selectCityFun($event)" placeholder="请选择城市">
                        <el-option value="" label="请选择城市"></el-option>
                        <el-option :value="item" :label="item.label" v-for="(item, index) in cityList"
                                   :key="index"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                   <el-col :span="12" :offset="2">
                     <el-form-item label="开户行县">
                       <el-select :disabled="showDiagnosis"  v-model="selectArea" filterable
                                  size="small" @change="selectAreaFun($event)" placeholder="请选择区县">
                         <el-option value="" label="请选择区县"></el-option>
                         <el-option :value="item" :label="item.label" v-for="(item, index) in areaList"
                                    :key="index"></el-option>
                       </el-select>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row type="flex">
                  <el-col :span="12" >
                    <el-form-item label="开户银行">
                      <el-select v-model="prpLPayee.bankName"  placeholder="请选择..." :disabled="showDiagnosis">
                         <el-option label="开户行" value="住院医疗保险"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                   <el-col :span="12" :offset="2">
                     <el-form-item label="银行地址" :required="true">
                       <el-input  v-model="prpLPayee.bankAddress" placeholder="请输入银行地址"  :disabled="showDiagnosis"></el-input>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row type="flex">
                  <el-col :span="12">
                    <el-form-item label="对公对私" :required="true">
                      <el-select  v-model="prpLPayee.bankToPubPri" placeholder="请选择..." :disabled="showDiagnosis">
                         <el-option label="对公" value="1"></el-option>
                         <el-option label="对私" value="2"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col :span="12" :offset="2" >
                    <el-form-item label="账号" :required="true">
                      <el-input  v-model="prpLPayee.bankNo" placeholder="请输入账号" :disabled="showDiagnosis"></el-input>
                    </el-form-item>
                  </el-col>
                 </el-row>
                 <el-row type="flex">
                   <el-col :span="12"  >
                     <el-form-item label="联系电话">
                       <el-input v-model="prpLPayee.phone" placeholder="请输入联系电话" :disabled="showDiagnosis"></el-input>
                     </el-form-item>
                   </el-col>
                   <el-col :span="12" :offset="2">
                    <el-form-item>
                    </el-form-item>
                  </el-col>
                 </el-row>
               </el-form>
             </template>
           </div>
           <div slot="footer" class="dialog-footer" v-if="modifyAccount==true">
             <el-button type="info" @click="editaccountab = false">关闭</el-button>
             <el-button type="primary" @click="submitAddAccountab" v-if="showSubmit==false">保存</el-button>
           </div>

           <div slot="footer" class="dialog-footer" style="margin-top:50px;" v-if="modifyAccount==false">
             <el-button type="info" @click="editaccountab = false">关闭</el-button>
             <el-button type="primary" @click="submitModifyAccountab">保存</el-button>
           </div>
         </el-dialog>

          <!-- 历史赔付案件信息 -->
          <el-dialog
            title="历史赔付案件信息"
            :visible.sync="caseInfoHistory"
            width="85%"
            center>
            <div>
              <div>
                <el-table
                  :data="caseInfoHistoryList"
                  border
                  class="table"
                  ref="multipleTable"
                  header-cell-class-name="table-header"
                  style="margin-top: 10px"
                >
                  <el-table-column prop="caseNo" label="大病赔案号" align="center" show-overflow-tooltip>
                    <!-- <template slot-scope="scope">
                      <el-link type="primary" :href="'caseProcessDetail#/caseProcessDetail?taskNo='+scope.row.caseNo"
                               target="_blank">{{scope.row.caseNo}}
                      </el-link>
                    </template> -->
                  </el-table-column>
                  <el-table-column prop="policyNo" label="保单号" align="center" show-overflow-tooltip></el-table-column>
                  <el-table-column prop="insuredName" label="被保险人" align="center" show-overflow-tooltip></el-table-column>
                  <el-table-column prop="insuredNumber" label="证件号" align="center" show-overflow-tooltip></el-table-column>
                  <el-table-column prop="sumPayAmount" label="赔付金额" align="center" show-overflow-tooltip></el-table-column>
                  <el-table-column prop="qualifiedFee" label="大病合规金额" align="center" show-overflow-tooltip></el-table-column>
                  <el-table-column prop="endCaseDate" label="结案时间" align="center" show-overflow-tooltip></el-table-column>
                </el-table>
              </div>
            </div>
            <div class="pagination">
              <el-pagination :current-page="caseInfoHistorypagination.currentPage" :page-size="caseInfoHistorypagination.rowsNumber"
                            :total="caseInfoHistorypagination.totalPage" background layout="prev, pager, next,total,jumper"
                              @current-change="caseInfoHistoryQueryFun">
              </el-pagination>
            </div>
            <div slot="footer" class="dialog-footer">
              <el-button type="info" @click="caseInfoHistory = false">关 闭</el-button>
            </div>
          </el-dialog>

          <!-- 就诊详情信息弹框 -->

          <el-dialog
            title="就诊详情信息"
            :visible.sync="editdiagnosisDetails"
            class="class_c"
            width="65%"
            center>
            <div>
              <template>
                <el-form ref="form">
                  <span v-model="form.index"></span>
                  <el-row type="flex">
                    <el-col :span="8">
                      <el-form-item label="医疗目录" :required="true">
                        <el-select v-model="editdiagnosisDetail.cataType" placeholder="请选择医疗目录类型"
                                   :disabled="showDiagnosis" @change="handleChanges">
                          <el-option
                            v-for="item in CataType"
                            :key="item.codeCode"
                            :label="item.codeCName"
                            :value="item.codeCode">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="项目编号" :required="true">
                        <el-autocomplete
                        :disabled="showDiagnosis"
                         popper-class="my-autocomplete"
                         v-model="editdiagnosisDetail.projectCode"
                         :fetch-suggestions="querySearchCode"
                         placeholder="点击查询"
                         class="class_b"
                         @select="handleSelectCode"
                         >
                         >
                         <template slot-scope="{ item }">
                           <div>{{ item.drugsName}}-{{ item.value }}</div>
                         </template>
                       </el-autocomplete>
                     </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="项目名称" :required="true">
                        <el-input v-model="editdiagnosisDetail.projectName"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>


                  </el-row>
                  <el-row type="flex">
                    <el-col :span="8">
                      <el-form-item label="医疗费用" :required="true">
                        <el-select v-model="editdiagnosisDetail.feeType" placeholder="请选择医疗费用"
                                   :disabled="showDiagnosis">
                          <el-option
                            v-for="item in MedFeeType"
                            :key="item.codeCode"
                            :label="item.codeCName"
                            :value="item.codeCode">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="险别-责任" :required="true">
                        <el-select v-model="editdiagnosisDetail.kindCode"  placeholder="请选择险别-责任"
                                   :disabled="showDiagnosis">
                          <el-option
                            v-for="item in DamageType"
                            :key="item.label"
                            :label="item.value"
                            :value="item.label">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="票据号" :required="true">
                        <el-input v-model="editdiagnosisDetail.invoiceCode"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row type="flex">
                    <el-col :span="8">
                      <el-form-item label="交易号">
                        <el-input v-model="editdiagnosisDetail.tradeNo"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="档案号">
                        <el-input v-model="editdiagnosisDetail.fileNo"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="发票号" :required="true">
                        <el-input v-model="editdiagnosisDetail.invoiceNo"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>

                  </el-row>
                  <el-row type="flex">
                    <el-col :span="8">
                      <el-form-item label="单价" :required="true">
                        <el-input v-model="editdiagnosisDetail.price"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="数量" :required="true">
                        <el-input v-model="editdiagnosisDetail.num"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="单位" :required="true">
                        <el-select v-model="editdiagnosisDetail.unit"
                                   :disabled="showDiagnosis">
                          <el-option
                            v-for="item in Unit"
                            :key="item.codeCode"
                            :label="item.codeCName"
                            :value="item.codeCode">
                          </el-option>
                        </el-select>

                      </el-form-item>
                    </el-col>

                  </el-row>
                  <el-row type="flex">
                    <el-col :span="8">
                      <el-form-item label="费用金额" :required="true">
                        <el-input v-model="editdiagnosisDetail.amount"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="最高限价">
                        <el-input v-model="editdiagnosisDetail.fixedPrice"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                    <!-- <el-col :span="6" :offset="1">
                      <el-form-item label="合规医疗比例" :required="true" class="class_a">
                        <el-input v-model="editdiagnosisDetail.reportableRate" style="width: 100%"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col> -->

                    <el-col :span="8">
                      <el-form-item label="自理比例">
                        <el-input v-model="editdiagnosisDetail.selfRate"
                                  :disabled="showDiagnosis">
                                  <template slot="append">%</template>
                                </el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row type="flex">
                    <el-col :span="8">
                      <el-form-item label="自理金额">
                        <el-input v-model="editdiagnosisDetail.selfAmount"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="自付比例">
                        <el-input v-model="editdiagnosisDetail.payRate"
                                  :disabled="showDiagnosis">
                                  <template slot="append">%</template>
                                </el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="自付金额">
                        <el-input v-model="editdiagnosisDetail.payAmount"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row type="flex">
                    <el-col :span="8">
                      <el-form-item label="执行天数">
                        <el-input v-model="editdiagnosisDetail.day"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="社保范围补偿金额"  class="class_a">
                        <el-input v-model="editdiagnosisDetail.socialAmount"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>

                    <el-col :span="8">
                      <el-form-item label="其它分类自付金额"  class="class_a">
                        <el-input v-model="editdiagnosisDetail.otherClassAmount"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>


                  </el-row>
                  <el-row type="flex">
                    <el-col :span="8">
                      <el-form-item label="合规医疗金额 " :required="true" class="class_a">
                        <el-input v-model="editdiagnosisDetail.medilcalAmount"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="地方医师">
                        <el-input v-model="editdiagnosisDetail.physician"
                                  :disabled="showDiagnosis"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>
                </el-form>
              </template>
              <div>
                <div>
                  <el-row>
                    <el-col :span="24">
                    <el-input placeholder="" v-model="editdiagnosisDetail.addreason"
                            :disabled="showDiagnosis">
                    <template slot="prepend">添加原因</template>
                  </el-input>
                </el-col>
              </el-row>
                </div>

              </div>
            </div>
            <div slot="footer" class="dialog-footer" v-if="modifyDiagnosis==true">
              <el-button type="info" @click="editdiagnosisDetails = false">关 闭</el-button>
              <el-button type="primary" @click.stop="modifyDiagno()">保 存</el-button>
            </div>
            <div slot="footer" class="dialog-footer" v-if="modifyDiagnosis==false">
              <el-button type="info" @click="editdiagnosisDetails = false">关 闭</el-button>
              <el-button type="primary" @click.stop="addDiagnosis()" v-if="showDiagnosis==false">保 存</el-button>
            </div>
          </el-dialog>
        </div>
      </el-col>
      <el-col :span="3">
        <div style="background: rgba(255,255,255,-0.5)" class="grid-content bg-purple">
          <div style="height: 40px"></div>
          <div>
            <div style="margin-left: 0%;width: 124px;max-height: 627px;background-color: #fff;
              padding:10px;padding-top:20px;font-size: 12px;">
              <div class="item_m">
                <div style="height: 15px">
                  <div v-if="'1'===isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="u23_left" :class="{active:'1'===isActive}"><a href="javascript:void(0)"
                                                                            @click="goAuchor('#保单基本信息','1')">保单基本信息</a>
                  </div>
                </div>

                <div style="height: 15px">
                  <div v-if="'2'===isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fr" :class="{active:'2'===isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#保单信息','2')">保单信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'3'===isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fr" :class="{active:'3'===isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#被保险人信息','3')">被保险人信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'4'===isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fr" :class="{active:'4'===isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#单位信息','4')">单位信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'5'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                             src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fo" :class="{active:'5'==isActive}"><a href="javascript:void(0)"
                                                                         @click="goAuchor('#本次就医信息',5)">本次就医信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'6'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                             src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fr" :class="{active:'6'==isActive}"><a href="javascript:void(0)"
                                                                         @click="goAuchor('#就医信息',6)">就医信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'7'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                             src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fr" :class="{active:'7'==isActive}"><a href="javascript:void(0)"
                                                                         @click="goAuchor('#年度累计',7)">年度累计</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'8'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                             src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fo" :class="{active:'8'==isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#本次结算信息','8')">本次结算信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'9'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                             src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fr" :class="{active:'9'==isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#基本信息','9')">基本信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'10'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fr" :class="{active:'10'==isActive}"><a href="javascript:void(0)"
                                                                          @click="goAuchor('#就诊明细',10)">就诊明细</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'11'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fr" :class="{active:'11'==isActive}"><a href="javascript:void(0)"
                                                                          @click="goAuchor('#险别汇总信息',11)">险别汇总信息</a>
                  </div>
                </div>
                <div style="height: 15px">
                  <div v-if="'12'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div  class="frm fr" :class="{active:'12'==isActive}"><a href="javascript:void(0)"
                                                                          @click="goAuchor('#本次医疗费用',12)">本次医疗费用</a>
                  </div>
                </div>
                <div style="height: 15px">
                  <div v-if="'13'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fo" :class="{active:'13'==isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#理赔费用信息','13')">理赔费用信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'14'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fo" :class="{active:'14'==isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#赔付汇总信息','14')">赔付汇总信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'15'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fo" :class="{active:'15'==isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#共保分摊信息','15')">共保分摊信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'16'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fo" :class="{active:'16'==isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#账号信息','16')">账号信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'17'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fo" :class="{active:'17'==isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#主共账号信息','17')">主共账号信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'18'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fo" :class="{active:'18'==isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#从共代付账号信息','18')">从共代付账号信息</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'19'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fo" :class="{active:'19'==isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#审核意见','19')">审核意见</a></div>
                </div>
                <div style="height: 15px">
                  <div v-if="'20'==isActive" class="u23_left" style="margin-left: -15px"><img width="9px" height="8px"
                                                                                              src="../../assets/images/u23.png"/>
                  </div>
                  <div class="frm fo" :class="{active:'20'==isActive}" style="margin-top: 15px;"><a
                    href="javascript:void(0)" @click="goAuchor('#审核意见轨迹','20')">审核意见轨迹</a></div>
                </div>
                <div class="el-icon-house-right"></div>
                <!--                  <a :href="'#'+item">{{item}}</a>-->
              </div>
            </div>
          </div>
        </div>
      </el-col>
    </el-row>

  </div>
</template>

<style lang="scss" scoped>
  @import '../../styles/common/loading.less';

  .el-scrollbar__wrap {
    overflow-x: hidden;
  }
</style>
<style lang="less" scoped>
    .class_b /deep/ .el-input__inner {
      background-color: #f9f9f9;
    }
   .class_a /deep/ .el-form-item__label {
    line-height: 15px;
    margin-top: 5px;
    text-align: center;
  }
  /deep/.el-dialog__header{
    background: #f7f7f7;
    text-align: center;
    font-weight: 600;
  }
  /deep/.el-dialog__header{
    background: #f7f7f7;
    text-align: center;
    font-weight: 600;
  }
  /* .class_c /deep/.el-dialog__title:after{
  content: "";
  background-color: #FF8A00;
  width: 4px;
  height: 14px;
  position: absolute;
  left: 0;
  margin-top: 3px;
  margin-left: 43%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  } */
  .img {
    width: 100%;
  }
  /deep/ a {
    color: #1d1f21;
    background: 0 0;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    transition: color .2s ease;
  }

  /deep/ .active a{
    color: #FF8A00;
  }
  /deep/ .frm.fr a{
    color: #999999;
  }
  .linkage {
    display: flex;
    justify-content: center;
    /* div {
        margin-right: 5px;
      } */
  }

  .u30_left {
    float: left;
  }

  .u23_left {
    /* color: #FF8A00; */
    float: left;
  }

  #u23_img {
    width: 9px;
    height: 8px;
  }

  .frm.fo {
    margin-top: 25px;
  }
  .frm {
    margin-top: 15px;
  }

  .item_m {
    /*margin-top: -50px;*/
    margin-left: 5px;
  }

    /deep/ div.el-table__body-wrapper.is-scrolling-none {
      background: white;
    }

    /deep/ .el-scrollbar__thumb {
      /* display: inline-block;
    background-color:none; */
      height: 0px !important;

    }
    /deep/ .el-button--warning {
      color: #fff;
      background-color: #e6a23c;
      border-color: #e6a23c;
    }
    /deep/ .el-collapse-item:last-child {
      margin-bottom: 15px;
    }

    /deep/ .el-row {
      height: 20px;
    }

    /deep/ .item_a {
      margin-left: 40px;
    }

    /deep/ .el-col {
      border-radius: 4px;
    }

    /deep/ .bg-purple-dark {
      background: #99a9bf;
    }

    /deep/ .bg-purple {
      background: #d3dce6;
    }

    /deep/ .bg-purple-light {
      background: #e5e9f2;
    }

    /deep/ .grid-content {
      border-radius: 4px;
      min-height: 36px;
    }

    /deep/ .row-bg {
      padding: 10px 0;
      background-color: #f9fafc;
    }

</style>


<script>
  import util from '@/libs/util';
  import * as api from '@/api/baseDate'
  import Cookies from "js-cookie";
  export default {
    name: 'caseClaimTaskAuditCache',
    data() {
      return {
        //按钮置灰
        buttonShow:false,
         //审核意见置灰
        auditOpinion:false,
        loading: false,
        rules: {
          hospitalNo: [{ required: true, message: "就诊登记号", trigger: "blur" }],
          reportDate: [{ required: true, message: "报案时间不能为空", trigger: "blur" }],
       },
       //影像单证参数
      imgInfo: {
            policyNo: '',
            bussNo: '',
            comCode: '',
            userCode: ''
        },
       //提交成功后置灰
        submissionFlag:false,
        //账户查询分页
        accpagination: {
           currentPage: 1, // 当前页
           rowsNumber: 5, // 每页条数
           totalPage: 0 // 总条数
        },
        //历史赔案分页
        caseInfoHistorypagination: {
           currentPage: 1, // 当前页
           rowsNumber: 5, // 每页条数
           totalPage: 0 // 总条数
        },
        //疾病分页
        pagination: {
           currentPage: 1, // 当前页
           rowsNumber: 5, // 每页条数
           totalPage: 0 // 总条数
        },
        //疾病查询数据
        formInlineDisease:[],
        //疾病诊断
        diseaseList:[],
        //案件类型
        restaurants: [],
         //赔付类型
        PaymentType:[],
        //出险原因
        restaurantsReason: [],
        //疾病弹框
        diagnosisName: false,
        department: [],
        departmentType: [],//科室类型
        //历史轨迹
        prpLClaimOpinionRecordDTOList:[],
        //账号信息
        account: {
          configList: [],
          examIndex: '',
          defaultProps: {
            children: 'children',
            label: 'label'
          },
          configShow: false,
          formName: '账号信息',
          codeCode: ''
        },

        comList:[  // 就诊类型
          {
            opautcode:'NN6003002',
            opautinfo:'门诊'
          },
          {
            opautcode:'NN6003001',
            opautinfo:'住院'
          }

        ],
        opautcode:'',
        opautinfo:'',
        //拒赔原因
        RefuseType:[],
        //案件类型
        CaseType: [],
        //险别类型
        DamageType: [],
        //险别责任条款
        kindInfo:[],
        //医疗目录
        CataType: null,
        //单位
        Unit: null,
        //银行大类
        BankBigType: null,
        //医疗类型
        MedType: null,
        //医疗费用类型
        MedFeeType: null,
        //费用类别
        ChargeType: [],
        //证件类型
        IdentifyType: null,
        modifyAccount: false,
        showSubmit: false,
        editaccount: false,
        editaccountab: false,
        editaccountac: false,
        temShow: false,
        modifyDiagnosis: false,
         //银行省市区
         cityBank:[],
        // 整个省市县数据
        city: [],
        // 被选中的市数据
        cityList: [],
        //地点城市
        cityListAdress: [],
        // 被选中的县数据
        areaList: [],
        //地点选中县数据
        areaListAdress: [],
        //地点联动
        selectProvinceAdress: {},
        selectCityAdress: {},
        selectAreaAdress: {},
        selectProvince: {},
        selectCity: {},
        selectArea: {},
        options: [
        {
          value: '1',
          label: '是'
        }, {
          value: '0',
          label: '否'
        }
        ],
        //置灰
        showDiagnosis: true,
        //账户新增
        prpLPayee: {},
        //诊疗明细新增
        editdiagnosisDetail: {},
        data: {
          prpLCaseDamageDTO: {},
          prpLCaseInfoDTO: {
            prpLCfeecoinsDTOList: [],
            prpLChargeDTOList: [],
            prpLKindSummaryDTOList: [],
            prpLPayeeDTOList: [],
            prpLThisSettlementDTO: {},
            prpLThismedicalinfoDTO: {}
          }
        },
         //审核
        prpLClaimOpinionDTO:{},
        //账号信息
        prpLPayeeDTO: [],
          //账号信息临时存储
          prpLPayeeDTOs: [],
        //主共账号信息
        prpLPayeeDTOab:[],
        //从共代付账号信息
        prpLPayeeDTOac:[],
        prplPayeeList: {},
        prplPayeeData: [],
        prpLCaseMainDTO: {},
        //保单基本信息
        prpLCaseDamageDTO: {},
        //本次就医信息
        prpLThismedicalinfoDTO: {},
        //本次结算信息
        prpLThisSettlementDTO: {},
        //诊疗明细
        prpLDiagnosisDetailDTOS: [],
        //险别汇总
        prpLKindSummaryDTO: [],
        //理赔费用
        prpLChargeDTO: [],
        //共保分摊
        prpLCfeecoinsDTO: [],
        //共保分摊临时数据存储
        prpLCfeecoinsDTOab: [],
        //赔付汇总
        prpLCaseInfoDTO: {},
        //本次医疗
        prpLCaseInfo: [],
        //年度累计
        prpLChargeTotalDTO:[],
        medicalType: [
          {
            value: '选项1',
            label: '保守治疗'
          },
          {
            value: '选项2',
            label: '放弃治疗'
          }
        ],

        // prpLCaseMainDTO:'',
        // prpLCaseDamageDTO:'',
        // prpLCaseInfoDTO:'',
        // prpLThismedicalinfoDTO:'',
        // prpLThisSettlementDTO:'',
        // prpLKindSummaryDTO:'',

        isActive: '1',
        editdiagnosisDetails: false,
        caseInfoHistory: false,
        centerDialogVisible: false,

        query: {
          address: '',
          name: '',
          pageIndex: 1,
          pageSize: 10
        },
        //控制显示隐藏
        baseInfo: false,
        isShow: false,
        isDiagnosisDetails: false,
        isBalance: false,
        isFee: false,
        isAccount: false,
        sumInfo: false,
        isCost: false,
        caseInfo: false,
        shenheyijian: "1",
        activeName: 'first',
        multipleSelection: [],
        delList: [],
        editVisible: false,
        pageTotal: 0,
        form: {},
        idx: -1,
        id: -1,
        diagnosisTable: [],
        accountTbale: [],
        sumData: [],
        caseInfoHistoryList: [],
        formInline: {
          user: '',
          region: '',
          date1: '',
        },
        form: {
          index: '',
          accountIndex: ''
        },
        pickerOptions: {
          disabledDate(time) {
            return time.getTime() > Date.now() - 8.64e6;  //如果没有后面的-8.64e6就是不可以选择今天的
          }
        },
        activeNames: ['1', '2', '3', '4', '5', '6', '7','8','9','10','11'],
        currentIndex: 0,
         //项目编码
        projectCodes:[],
        //项目编码初始值
        projectCodess:[],
        //险别责任列表
        prpCproductDto:{
          prpCitemKind:[]
        },
        //主共公司
        editaccountabCompany:[],
        //从共公司
        editaccountacCompany:[],
      };
    },
    created() {
    },
    watch: {
       city: function () {
            var _this = this;
            _this.$nextTick(function () {
                this.getParams()
            });
        }
    },
   activated(){
      if(this.$route.params.name!=undefined){
        this.queryRegionList();
        this.queryRegionListCity();
        this.MedType1();
        this.MedFeeType1();
        this.ChargeType1();
        this.IdentifyType1();
        this.BankBigType1();
        this.CataType1();
        this.Unit1();
        this.queryDeptmentTypeTree1();
        this.queryHospCompanyList1();
        this.CaseType1();
        this.RefuseType1();
        this.DamageCodeOne1();
        this.queryClaimItemKindsMsg1();
        this.PaymentType1();
        this.getDate();
      }
    },
    methods: {
       //险别责任
       queryClaimItemKindsMsg1(){
        api.queryClaimItemKindsMsg({
            "policyNo": this.$route.params.policyNo,
            "damageDate": this.$route.params.damageDate
          }).then(res => {
            this.DamageType=res.data[0].prpCitemKind.map((parms)=>{
            return {
              value:parms.kindName,
              label:parms.kindCode,
              clauseCode:parms.clauseCode,
              clauseName:parms.clauseName
            }
          })
          })
      },
      handleChanges(value){
        console.log(value)
        if(value==1){
          api.queryDrugList({}).then(res => {
            this.projectCodess=res.data.list;
            this.projectCodes=res.data.list.map(item=>{
              return{
                value:item.drugsCode,
                drugsName:item.drugsName
              }
            })
          })
        }else{
          this.projectCodes=[];
          this.editdiagnosisDetail.projectCode=null;
          this.editdiagnosisDetail.projectName=null;
          this.editdiagnosisDetail.unit=null;
          this.editdiagnosisDetail.maxPrice=null;
          this.editdiagnosisDetail.payRate=null;
        }
      },
      //关闭
      handleClose(done) {
       this.closePageTo(this.$store,this.$route,this.$router,'caseClaimTask');
     },
     //放弃任务
     abandonTisk(){
          api.taskCheck({
          "processId":this.$route.params.processId,
          "handleComrCode":Cookies.get("makeCom"),
          "handleComrName":Cookies.get("cMakeCom"),
          "handlerCode":Cookies.get("userCode"),
          "handlerName":Cookies.get("userName"),
          "reqFlag": "close"
        }).then(res => {
           if(res.data.resultCode=="0000"){
             this.closePageTo(this.$store,this.$route,this.$router,'caseClaimTask');
           }else{
            this.$alert(res.data.resultMsg,'提示', {
                confirmButtonText: '确定'
              });
           }
        })
     },
      //账户信息分页
      accQueryFun(pageNum){ // 改变当前页事件
         this.accpagination.currentPage=pageNum
         this.onSubmit();
      },
      //疾病分页
      queryFun(pageNum){ // 改变当前页事件
        this.pagination.currentPage=pageNum
        this.queryDiseaseList();
      },
       //历史赔案分页
      caseInfoHistoryQueryFun(pageNum){ // 改变当前页事件
         this.caseInfoHistorypagination.currentPage=pageNum
         this.caseInfoHistorys();
      },
      //疾病选定
      selectDetails(e){
        this.prpLThismedicalinfoDTO.diagnosisName=e.diseName;
        this.prpLThismedicalinfoDTO.diagnosisCode=e.diseCode;
        this.diagnosisName=false;
      },
      //查询疾病接口
      queryDiseaseList(){
        api.queryDiseaseLists({
          "diseCode":this.formInlineDisease.diseCode,
          "diseName":this.formInlineDisease.diseName,
          "pageNum":this.pagination.currentPage,
          "pageSize":this.pagination.rowsNumber,
        }
        ).then(res => {
          if(res){
             if(res.data.resultCode){
                 if(res.data.resultCode != '0000'){
                        // 返回失败
                        this.$message.error(res.data.resultMsg);
                  }else{
                        // 返回成功
                        this.diseaseList = res.data.list
                        this.pagination.totalPage = res.data.total;
                    }
                }
              }else{
                  this.$message.error('系统异常');
              }

        })
      },
      caseInfoHistorys(){
        this.loading = true;
        var data = {
          "policyNo": this.prpLCaseDamageDTO.policyNo,
          "insuredNumber": this.prpLCaseDamageDTO.documentNo,
          "pageNum":this.caseInfoHistorypagination.currentPage,
          "pageSize":this.caseInfoHistorypagination.rowsNumber
        }
        api.queryCaseInfoHistory(data
        ).then(res => {
          this.caseInfoHistoryList = res.data.list;
          this.caseInfoHistorypagination.totalPage = res.data.total;
          this.loading = false;
        })
        this.caseInfoHistory = true;
      },
     //医疗机构查询
      queryHospCompanyList1(){
        api.queryHospCompanyList({}
        ).then(res => {
          this.restaurants=res.data.list.map(item=>{
        return{
          hospCode:item.hospCode,
          value:item.hospName,
        }
      })
        })
      },
      //出险原因查询
      DamageCodeOne1() {
        var data = {
          "codeType": "DamageCodeOne"
        }
        api.MedType(data
        ).then(res => {
          this.restaurantsReason=res.data.map(item=>{
          return{
            codeCode:item.codeCode,
            value:item.codeCName,
          }
          })
        })
      },
      //医疗机构选择
      handleSelect(item){
        this.prpLThismedicalinfoDTO.hospitalCode=item.hospCode;
      },
      //项目编号选择
      handleSelectCode(items){
        var result=this.projectCodess.filter((item)=>item.drugsCode==items.value)[0]
        this.editdiagnosisDetail.projectName=result.drugsName;
        this.editdiagnosisDetail.unit=result.maxPrice;
        this.editdiagnosisDetail.maxPrice=result.maxPrice;
        this.editdiagnosisDetail.payRate=result.perPayRatio;

      },
      //项目编号双击查询
      querySearchCode(queryString, cb) {
        var restaurant = this.projectCodes;
        var results = queryString ? restaurant.filter(this.createFilter(queryString)) : restaurant;
        // 调用 callback 返回建议列表的数据
        if (results.length === 0) {

            cb(restaurant);
        } else {
            cb(results);
        }
      },
      //医疗机构双击查询
      querySearch(queryString, cb) {
        var restaurants = this.restaurants;
        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
        // 调用 callback 返回建议列表的数据
        if (results.length === 0) {
            this.prpLThismedicalinfoDTO.hospitalName=null;
            cb(restaurants);
        } else {
            cb(results);
        }
      },
      //出险原因选择
      handleSelectReason(item){
        console.log(item)
        this.prpLThisSettlementDTO.damageCode=item.codeCode;
      },
     //出险原因
      querySearchReason(queryString, cb) {
        var restaurants = this.restaurantsReason;
        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
        // 调用 callback 返回建议列表的数据
        if (results.length === 0) {
            this.prpLThisSettlementDTO.damageReason=null;
            cb(restaurants);
          } else {
            cb(results);
          }
      },
      createFilter(queryString) {
        return (restaurant) => {
          return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
        };
      },
      diagnosisNameClick() {
        this.diagnosisName = true
      },
      bankAccountClick() {
        this.centerDialogVisible = true
      },
      //拒赔原因
      RefuseType1() {
        var data = {
          "codeType": "RefuseType"
        }
        api.MedType(data
        ).then(res => {
          // debugger
          this.RefuseType = res.data
        })
      },
      //赔付类型
      PaymentType1(){
        var data = {
          "codeType": "PaymentType"
        }
        api.MedType(data
        ).then(res => {
          // debugger
          this.PaymentType = res.data
        })
      },

      //案件类型
      CaseType1() {
        var data = {
          "codeType": "CaseType"
        }
        api.MedType(data
        ).then(res => {
          // debugger
          this.CaseType = res.data
        })
      },
      //科室
      queryDeptmentTypeTree1() {
        api.queryDeptmentTypeTree({}
        ).then(res => {
          this.departmentType = res.data

        })

      },
        //比例转码
        formatterRatio:function (row) {
         return (row.paidRatio*100)+" %";
      },
      formatteraRate:function (row) {
        return (row.deductibleRate*100)+" %";
      },
       //百分比转码
       batteryformatterRate:function (row) {
         return (row.coinsRate*100)+" %";
      },
      batteryformatterComboRate:function (row) {
         return (row.coinsComboRate*100)+" %";
      },
      typeFormattercoinsType:function (row) {
        switch (row.coinsType) {
          case '1':
            return "我方 ";
          case '2':
            return "他方";
        }
      },
       //对公对私转码
       typeFormatterPri:function (row) {
        switch (row.bankToPubPri) {
          case '1':
            return "对公";
          case '2':
            return "对私";
        }
      },
       //主保公司转码
       typeFormatterComs:function (row) {
          if(this.editaccountabCompany.length>0&&row.coinsurComCode!=undefined){
          let list=this.editaccountabCompany.filter(ele => ele.coinsCode==row.coinsurComCode)[0];
          return list.coinsName
        }
      },
      //共保公司转码
      typeFormatterCom:function (row) {
          if(this.editaccountacCompany.length>0&&row.coinsurComCode!=undefined){
          let list=this.editaccountacCompany.filter(ele => ele.coinsCode==row.coinsurComCode)[0];
          return list.coinsName
        }
      },
      //险别责任转码
      typeFormatter: function (row) {
        let list=this.DamageType.filter(ele => ele.label==row.kindCode)[0];
        return list.value
      },
      //个人账号赔付类型转码
      typeFormatterPay:function (row) {
        let list=this.PaymentType.filter(ele => ele.codeCode==row.paymentType)[0];
        return list.codeCName
      },
      //分摊赔付类型转码
      typeFormatterFeeType:function (row) {
        switch (row.lossFeeType) {
          case '1':
            return "赔款";
          case '2':
            return "费用";
        }
      },
      //个人账号省市区转码
      typeFormatterProvince:function (row) {
        if(row!=undefined&&row.bankProvince!=""&&row.bankProvince!=null) {
         var selectProvince=this.city.filter(ele => ele.value==row.bankProvince)[0]
         return selectProvince.label;
        }
      },
      typeFormatterCity:function (row) {
        if(row!=undefined&&row.bankProvince!=""&&row.bankProvince!=null) {
          var selectProvince=this.city.filter(ele => ele.value==row.bankProvince)[0]
          if(row.bankCity!=""&&row.bankCity!=null){
            var selectCity=selectProvince.children.filter(ele => ele.value==row.bankCity)[0]
            return selectCity.label;
          }
        }
      },
      typeFormatterDistrict:function (row) {
        if(row!=undefined&&row.bankProvince!=""&&row.bankProvince!=null) {
          var selectProvince=this.city.filter(ele => ele.value==row.bankProvince)[0]
          if(row.bankCity!=""&&row.bankCity!=null){
            var selectCity=selectProvince.children.filter(ele => ele.value==row.bankCity)[0]
            if(row.bankDistrict!=""&&row.bankDistrict!=null){
              var selectArea=selectCity.children.filter(ele => ele.value==row.bankDistrict)[0]
              return selectArea.label
            }
          }
        }
      },
      //理赔费用信息删除
      deleteCharge(index) {
        this.prpLChargeDTO.splice(index, 1);
      },
      //理赔费用信息添加
      addCharge() {
        var date = {
          "amount": null,
          "caseNo": null,
          "caseid": null,
          "createTime": null,
          "creater": null,
          "feeCode": null,
          "feeName": null,
          "id": null,
          "kindCode": null,
          "kindName": null,
          "remark": null,
          "updateTime": null,
          "updater": null
        }
        this.prpLChargeDTO.push(date)
      },
      //查询单位
      Unit1() {
        var data = {
          "codeType": "Unit"
        }
        api.MedType(data
        ).then(res => {
          // debugger
          this.Unit = res.data
        })
      },
      //查询医疗目录类型
      CataType1() {
        var data = {
          "codeType": "CataType"
        }
        api.MedType(data
        ).then(res => {
          // debugger
          this.CataType = res.data
        })
      },
       //查询银行
       queryRegionListCity(){
        const param = {
            value:'value',
            lable:'label'
        }
        api.queryRegionTree(param).then(res=> {
          this.city = res.data
      })
      },
      //查询省市县
      queryRegionList() {
        api.queryBankRegionTree('').then(res => {
          this.cityBank = res.data
        })
      },
      //汇总
      kindSummary() {
        var date = this.prpLDiagnosisDetailDTOS;
        var dateKind = this.prpLKindSummaryDTO;
        if (date.length<=0 && dateKind.length<=0){
          this.$message({
            message: '没有可提供汇总的明细信息！',
            type: 'warning'
          });
        }else {
          api.kindSummary(date).then(res => {
            if(res.data.resultCode=="0000"){
              this.prpLKindSummaryDTO=res.data.prpLKindSummaryDTOList
              this.$message({
                type: 'success',
                message: '汇总成功!'
              });
            }
          })
        }
      },
      //查询证件类型
      IdentifyType1() {

        var data = {
          "codeType": "IdentifyType"
        }
        api.MedType(data
        ).then(res => {
          // debugger
          this.IdentifyType = res.data
        })
      },
      //查询费用类别
      ChargeType1() {
        // debugger
        var data = {
          "codeType": "ChargeType"
        }
        api.MedType(data
        ).then(res => {
          // debugger
          this.ChargeType = res.data
        })
      },

      //查询医疗费用类型
      MedFeeType1() {
        // debugger
        var data = {
          "codeType": "MedFeeType"
        }
        api.MedType(data
        ).then(res => {
          this.MedFeeType = res.data
        })
      },
      //查询银行大类
      BankBigType1() {
        var data = {
          "codeType": "BankBigType"
        }
        api.MedType(data
        ).then(res => {
          this.BankBigType = res.data
        })
      },
      //查询医疗类型
      MedType1() {
        var data = {
          "codeType": "MedType"
        }
        api.MedType(data
        ).then(res => {
          this.MedType = res.data
        })
      },
      //查询就医模式
      MedType1() {
        var data = {
          "codeType": "MedType"
        }
        api.MedType(data
        ).then(res => {
          this.MedType = res.data
        })
      },
 //主共账号信息弹框
       addAccountab() {
        this.selectProvince={};
        this.selectCity={};
        this.selectArea={};
        this.showDiagnosis = false
        this.editaccountab = true;
        this.modifyAccount = true,
        this.showSubmit = false,
        this.prpLPayee = {}
      },
      //主共账号信息新增确认
      submitAddAccountab() {
        var item = this.prpLPayee;
        item.bankProvince=this.selectProvince.value;
        item.bankCity=this.selectCity.value;
        item.bankDistrict=this.selectArea.value;
        this.prpLPayeeDTOab.push(item)
        this.editaccountab = false
      },
      //主共账号信息修改弹框
      modifyAccount1ab(index, row) {
        console.log(this.prpLPayeeDTOab)
        this.showDiagnosis = false
        this.editaccountab = true;
        this.modifyAccount = false,
        this.form.accountIndex = index;
        this.selectProvince=this.cityBank.filter(ele => ele.value==row.bankProvince)[0]
        this.cityList = this.selectProvince.children;
        this.selectCity=this.selectProvince.children.filter(ele => ele.value==row.bankCity)[0]
        this.areaList = this.selectCity.children
        this.selectArea=this.selectCity.children.filter(ele => ele.value==row.bankDistrict)[0]
        this.prpLPayee = row;
      },
      //主共账号信息修改确认
      submitModifyAccountab() {
        this.editaccountab = false;
        this.prpLPayee.bankProvince=this.selectProvince.value;
        this.prpLPayee.bankCity=this.selectCity.value;
        this.prpLPayee.bankDistrict=this.selectArea.value;
        this.prpLPayeeDTOab.splice(this.form.accountIndex, 1, this.prpLPayee)
      },
      //主共账号信息删除
      deleteAccountab(index) {
        this.prpLPayeeDTOab.splice(index, 1);
      },
      //主共账号信息查看
      showAccountab(row) {
        this.showDiagnosis = true
        this.editaccountab = true;
        this.modifyAccount = true,
        this.showSubmit = true,
        this.selectProvince=this.cityBank.filter(ele => ele.value==row.bankProvince)[0]
        this.cityList = this.selectProvince.children;
        this.selectCity=this.selectProvince.children.filter(ele => ele.value==row.bankCity)[0]
        this.areaList = this.selectCity.children
        this.selectArea=this.selectCity.children.filter(ele => ele.value==row.bankDistrict)[0]
        this.prpLPayee = row;
      },

        //从共代付账号信息弹框
        addAccountac() {
        this.selectProvince={};
        this.selectCity={};
        this.selectArea={};
        this.showDiagnosis = false
        this.editaccountac = true;
        this.modifyAccount = true,
        this.showSubmit = false,
        this.prpLPayee = {}
      },
      //从共代付账号信息新增确认
      submitAddAccountac() {
        var item = this.prpLPayee;
        item.bankProvince=this.selectProvince.value;
        item.bankCity=this.selectCity.value;
        item.bankDistrict=this.selectArea.value;
        this.prpLPayeeDTOac.push(item)
        this.editaccountac = false
      },
      //从共代付账号信息修改弹框
      modifyAccount1ac(index, row) {
        this.showDiagnosis = false
        this.editaccountac = true;
        this.modifyAccount = false,
        this.form.accountIndex = index;
        this.selectProvince=this.cityBank.filter(ele => ele.value==row.bankProvince)[0]
        this.cityList = this.selectProvince.children;
        this.selectCity=this.selectProvince.children.filter(ele => ele.value==row.bankCity)[0]
        this.areaList = this.selectCity.children
        this.selectArea=this.selectCity.children.filter(ele => ele.value==row.bankDistrict)[0]
        this.prpLPayee = row;
      },
      //从共代付账号信息修改确认
      submitModifyAccountac() {
        this.editaccountac = false;
        this.prpLPayee.bankProvince=this.selectProvince.value;
        this.prpLPayee.bankCity=this.selectCity.value;
        this.prpLPayee.bankDistrict=this.selectArea.value;
        this.prpLPayeeDTOac.splice(this.form.accountIndex, 1, this.prpLPayee)
      },
      //从共代付账号信息删除
      deleteAccountac(index) {
        this.prpLPayeeDTOac.splice(index, 1);
      },
      //从共代付账号信息查看
      showAccountac(row) {
        this.showDiagnosis = true
        this.editaccountac = true;
        this.modifyAccount = true,
        this.showSubmit = true,
        this.selectProvince=this.cityBank.filter(ele => ele.value==row.bankProvince)[0]
        this.cityList = this.selectProvince.children;
        this.selectCity=this.selectProvince.children.filter(ele => ele.value==row.bankCity)[0]
        this.areaList = this.selectCity.children
        this.selectArea=this.selectCity.children.filter(ele => ele.value==row.bankDistrict)[0]
        this.prpLPayee = row;
      },
      //账号信息弹框
      addAccount() {
        this.selectProvince={};
        this.selectCity={};
        this.selectArea={};
        this.showDiagnosis = false
        this.editaccount = true;
        this.modifyAccount = true,
        this.showSubmit = false,
        this.prpLPayee = {}
      },
      //账号新增确认
      submitAddAccount() {
        let item = Object.assign({}, this.prpLPayee);
        item.bankProvince=this.selectProvince.value;
        item.bankCity=this.selectCity.value;
        item.bankDistrict=this.selectArea.value;
        this.prpLPayeeDTO.push(item)
        let itemb = Object.assign({}, this.prpLPayee);
        itemb.bankProvince=this.selectProvince.value;
        itemb.bankCity=this.selectCity.value;
        itemb.bankDistrict=this.selectArea.value;
        this.prpLPayeeDTOac.push(itemb)
        this.editaccount = false
      },
      //账号修改弹框
      modifyAccount1(index, row) {
        this.showDiagnosis = false
        this.editaccount = true;
        this.modifyAccount = false,
        this.form.accountIndex = index;
        this.selectProvince=this.cityBank.filter(ele => ele.value==row.bankProvince)[0]
        this.cityList = this.selectProvince.children;
        this.selectCity=this.selectProvince.children.filter(ele => ele.value==row.bankCity)[0]
        this.areaList = this.selectCity.children
        this.selectArea=this.selectCity.children.filter(ele => ele.value==row.bankDistrict)[0]
        this.prpLPayee = row;
      },
      //账号修改确认
      submitModifyAccount() {
        this.editaccount = false;
        this.prpLPayee.bankProvince=this.selectProvince.value;
        this.prpLPayee.bankCity=this.selectCity.value;
        this.prpLPayee.bankDistrict=this.selectArea.value;
        this.prpLPayeeDTO.splice(this.form.accountIndex, 1, this.prpLPayee)
      },
      //账号删除
      deleteAccount(index) {
        this.prpLPayeeDTO.splice(index, 1);
      },
      //账号查看
      showAccount(row) {
        this.showDiagnosis = true
        this.editaccount = true;
        this.modifyAccount = true,
        this.showSubmit = true,
        this.selectProvince=this.cityBank.filter(ele => ele.value==row.bankProvince)[0]
        this.cityList = this.selectProvince.children;
        this.selectCity=this.selectProvince.children.filter(ele => ele.value==row.bankCity)[0]
        this.areaList = this.selectCity.children
        this.selectArea=this.selectCity.children.filter(ele => ele.value==row.bankDistrict)[0]
        this.prpLPayee = row;
      },
      //就诊明细修改
      modifyDiagno() {
        this.editdiagnosisDetails = false;
        let prpCitemKindList=[];
        var item=this.editdiagnosisDetail;
        if(item.kindCode!=null&&item.kindCode!=""){
           prpCitemKindList=this.prpCproductDto.prpCitemKind.filter(ele=>ele.kindCode==item.kindCode);
        }
        this.editdiagnosisDetail.prpCproductDto.prpCitemKind=prpCitemKindList;
        this.prpLDiagnosisDetailDTOS.splice(this.form.index, 1, this.editdiagnosisDetail)

      },
      //就诊明细修改弹框
      modifyDetails(index, row) {
        this.modifyDiagnosis = true;
        this.editdiagnosisDetails = true;
        this.showDiagnosis = false;
        this.form.index = index;
        this.editdiagnosisDetail = row;
        if(row.cataType=="1"){
          var list=this.projectCodess;
          this.projectCodes=list.map(item=>{
                return{
                  value:item.drugsCode,
                  drugsName:item.drugsName
                }
          })
       }else{
        this.projectCodes=[]
       }
      },
      //就诊明细删除
      deleteDetails(index) {
        this.prpLDiagnosisDetailDTOS.splice(index, 1);
      },
      // 科室联动
      selectDepartmentType(event) {
        if (event) {
          var newData = this.departmentType.filter(function (number) {
            return number.id == event
          })
          this.department = newData[0].children;
          this.prpLThismedicalinfoDTO.department=''
        } else {
          this.department = []
        }
      },
      //地点省市县联动
       selectProvinceFunAdress(event) {
        if (event) {
          this.cityListAdress = event.children
          this.selectCityAdress = {}
          this.selectAreaAdress = {}
        }else {
          this.cityListAdress = []
          this.areaListAdress = []
          this.selectCityAdress = {}
          this.selectAreaAdress = {}
        }
        this.areaListAdress = []
        this.$emit('getLawyerListInfo', [event.label, 'province'])
      },
      selectCityFunAdress(event) {
        if (event) {
          this.areaListAdress = event.children
        }else {
          this.areaListAdress = []
        }
        this.$emit('getLawyerListInfo', [event.label, 'city'])
      },
      selectAreaFunAdress(event) {
        this.$emit('getLawyerListInfo', [event.label, 'area'])
      },
      // 省份 市 县联动
      selectProvinceFun(event) {
        console.log(event)
        if (event) {
          this.cityList = event.children
          this.selectCity = {}
          this.selectArea = {}
        } else {
          this.cityList = []
          this.areaList = []
          this.selectCity = {}
          this.selectArea = {}
        }
        this.areaList = []
        this.$emit('getLawyerListInfo', [event.label, 'province'])
      },
      selectCityFun(event) {
        if (event) {
          this.areaList = event.children
        } else {
          this.areaList = []
        }
        this.$emit('getLawyerListInfo', [event.label, 'city'])
      },
      selectAreaFun(event) {
        this.$emit('getLawyerListInfo', [event.label, 'area'])
      },
      //账户选定事件
      showDetails(row) {
        this.centerDialogVisible = false;
        this.prpLPayee = row;
        this.selectProvince=this.city.filter(ele => ele.value==row.bankProvince)[0]
        this.cityList = this.selectProvince.children;
        this.selectCity=this.selectProvince.children.filter(ele => ele.value==row.bankCity)[0]
        this.areaList = this.selectCity.children
        this.selectArea=this.selectCity.children.filter(ele => ele.value==row.bankDistrict)[0]
      },
      //就诊明细查看
      showDetail(e){
          this.editdiagnosisDetails = true;
          this.showDiagnosis=true;
          this.editdiagnosisDetail=e;
        },
      //就诊明细新增
      addEditdiagnosisDetails() {
        this.modifyDiagnosis = false;
        this.showDiagnosis = false;
        this.editdiagnosisDetails = true;
        this.projectCodes=[];
        this.editdiagnosisDetail = {
          "id": null,
          "riskSummaryid": null,
          "projectCode": null,
          "projectName": null,
          "feeType": null,
          "riskCode": null,
          "riskName": "",
          "tradeNo": null,
          "fileNo": null,
          "invoiceNo": null,
          "invoiceCode": null,
          "price": null,
          "num": null,
          "unit": null,
          "amount": null,
          "fixedPrice": null,
          "reportableRate": null,
          "reportableAmount": null,
          "medilcalAmount": null,
          "selfRate": null,
          "selfAmount": null,
          "payRate": null,
          "payAmount": null,
          "day": null,
          "physician": null,
          "department": null,
          "handler": null,
          "handlDate": null,
          "addreason": null,
          "excludedAmount": null,
          "excludedReason": null,
          "payableAmount": null,
          "isVaild": null,
          "createTime": null,
          "creater": null,
          "updateTime": null,
          "updater": null,
          "otherClassAmount": null,
          "socialAmount": null,
          "prpCproductDto":null
        }

      },
      addDiagnosis() {
        var item = this.editdiagnosisDetail;
        let prpCitemKindList=[];
        if(item.kindCode!=null&&item.kindCode!=""){
           prpCitemKindList=this.prpCproductDto.prpCitemKind.filter(ele=>ele.kindCode==item.kindCode);
        }
        item.prpCproductDto=this.prpCproductDto;
        item.prpCproductDto.prpCitemKind=prpCitemKindList;
        this.prpLDiagnosisDetailDTOS.push(item)
        this.editdiagnosisDetails = false
      },

      //发起调查
      sponsorSurvey(){
        if(this.submissionFlag==true){
          this.$router.push({
          name: 'sponsorSurvey',
          // params: {
          //   policyNo: e.policyNo,
          //   insuredIdentifyNumber: e.insuredIdentifyNumber,
          //   damageDate: e.damageDate
          // }
        })
        }else{
          this.$message.error("请先提交！");
        }

      },
      //暂存提交数据组织
      getSave(){
         if(this.prpLKindSummaryDTO.length > 0){
           for (let i = 0; i <this.prpLKindSummaryDTO.length ; i++) {
             this.prpLKindSummaryDTO[i].policyNo = this.prpLCaseDamageDTO.policyNo;//保单号
             this.prpLKindSummaryDTO[i].identifyNumber = this.prpLCaseDamageDTO.documentNo;//证件号码
             this.prpLKindSummaryDTO[i].damageDate = this.prpLCaseDamageDTO.damageDate;//出险时间
             this.prpLKindSummaryDTO[i].policySumAmount = this.prpLCaseDamageDTO.policySumAmount;//保单总保额
           }
         }
        this.data.prpLCaseDamageDTO = this.prpLCaseDamageDTO;
        this.data.prpLCaseInfoDTO = this.prpLCaseInfoDTO;
        this.data.prpLCaseInfoDTO.prpLCfeecoinsDTOList = this.prpLCfeecoinsDTO;
        this.data.prpLCaseInfoDTO.prpLChargeDTOList = this.prpLChargeDTO;
        this.data.prpLCaseInfoDTO.prpLChargeDTOList.forEach((item,index)=>{
          if(item.kindName!=null&&item.kindName!=undefined&&item.kindName.indexOf("|")!=-1){
              const [lable, value,clauseCode,clauseName] = item.kindName.split('|')
              item.kindCode = lable
              item.kindName = value
              item.clauseCode = clauseCode
              item.clauseName = clauseName
            }
            if(item.feeName!=null&&item.feeName!=undefined&&item.feeName.indexOf("|")!=-1){
              const [lable, value] = item.feeName.split('|')
              item.feeCode = lable
              item.feeName = value
            }
          })
        this.data.prpLCaseInfoDTO.prpLPayeeDTOList = this.prpLPayeeDTO;
        let lista=this.prpLPayeeDTO;
        let list=this.prpLPayeeDTOab;
        let lists=this.prpLPayeeDTOac;
        if(list.length>0){
          for (var j in list) {
            var item=list[j];
            this.prpLPayeeDTOs.push(item)
          }
        }
        if(lists.length>0){
          for (var j in lists) {
            var item=lists[j];
            this.prpLPayeeDTOs.push(item)
          }
        }
        if(lista.length>0){
          for (var j in lista) {
            var item=lista[j];
            this.prpLPayeeDTOs.push(item)
          }
        }
        this.data.prpLCaseInfoDTO.prpLPayeeDTOList = this.prpLPayeeDTOs;
        //省市区数据转换
        this.prpLThisSettlementDTO.damageProvince=this.selectProvinceAdress.value;
        this.prpLThisSettlementDTO.damageCity= this.selectCityAdress.value;
        this.prpLThisSettlementDTO.damageDistrict=this.selectAreaAdress.value;
        //本次医疗数据转换
        if(this.prpLCaseInfo.length!=0){
          this.prpLCaseInfoDTO.sumAmount=this.prpLCaseInfo[0].sumAmount;
          this.prpLCaseInfoDTO.qualifiedFee=this.prpLCaseInfo[0].qualifiedFee;
          this.prpLCaseInfoDTO.sumPayAmount=this.prpLCaseInfo[0].sumPayAmount;
          this.prpLCaseInfoDTO.sumSelfAmount=this.prpLCaseInfo[0].sumSelfAmount;
          this.prpLCaseInfoDTO.bSelfAmount=this.prpLCaseInfo[0].bSelfAmount;
          this.prpLCaseInfoDTO.medFee=this.prpLCaseInfo[0].medFee;
          this.prpLCaseInfoDTO.medAmount=this.prpLCaseInfo[0].medAmount;
          this.prpLCaseInfoDTO.otherReimburseAmount=this.prpLCaseInfo[0].otherReimburseAmount;
        }
        this.data.prpLCaseInfoDTO.prpLThisSettlementDTO = this.prpLThisSettlementDTO;
        this.data.prpLCaseInfoDTO.prpLThismedicalinfoDTO = this.prpLThismedicalinfoDTO;
        this.data.prpLCaseInfoDTO.prpLKindSummaryDTOList = this.prpLKindSummaryDTO;

        this.data.flowdId = this.data.flowdId;
        this.data.processId = this.data.processId;
        //模拟值
        // this.data.prpLCaseInfoDTO.handlerComCode = "10";
        // this.data.prpLCaseInfoDTO.handlerComName = "zxx";
        this.data.prpLClaimOpinionDTO=this.prpLClaimOpinionDTO;
        //机构
        this.data.handleComrCode=Cookies.get("makeCom");
        this.data.handleComrName=Cookies.get("cMakeCom");
        this.data.handlerCode= Cookies.get("userCode");
        this.data.handlerName=Cookies.get("userName");
      },
      saveCase() {
        var flag=this.saveframeCheck();
         if(flag==true){
            this.getSave();
            this.data.taskState = "03";
            this.save();
         }
      },
      saveframeCheck(){
        var flag=true;
        if(this.prpLClaimOpinionDTO.auditOpinion==undefined
        ||this.prpLClaimOpinionDTO.auditOpinion==null
        ||this.prpLClaimOpinionDTO.auditOpinion==""){
          this.$alert("请选择审核意见后提交！",'提示', {
              confirmButtonText: '确定'
            });
            flag=false;
            return flag;
        }
        if(this.prpLClaimOpinionDTO.remark==undefined
        ||this.prpLClaimOpinionDTO.remark==null
        ||this.prpLClaimOpinionDTO.remark==""){
          this.$alert("请填写审核备注！",'提示', {
              confirmButtonText: '确定'
            });
            flag=false;
            return flag;
        }
        return flag;
      },
      //保存
      save(){
        this.loading = true;
        api.submittedUndwrit(this.data).then(res => {
          if(res.data.resultCode=='0000'){
            this.loading = false;
            this.$message({
               type: 'success',
               message: '提交成功!'
            });
            this.$router.push({
            name: 'caseClaimTask',
            })
          }else{
              this.loading = false;
              // 返回失败
              this.$message.error(res.data.resultMsg);
          }
          }).catch(() => {
              this.loading = false;
              this.$message({
                  type: 'info',
                  message: '提交失败'
              });
             });
           },
      getDate() {
          debugger
          this.loading = true;
          api.queryUndwrtInfo({
            "caseNo":this.$route.params.caseNo,
            "taskId":this.$route.params.taskId,
            "taskType":this.$route.params.taskType,
            "serialNo":this.$route.params.serialNo
        }).then(res => {
          this.loading = false;
          if(res.data.resultCode=='0000'){
            this.data = res.data;
            this.getParams();
          }else{
            this.loading = false;
            this.$alert(res.data.resultMsg,'提示', {
              confirmButtonText: '确定'
            });
          }
        }).catch(()=>{
          this.loading = false;
          this.$alert("系统异常",'提示', {
              confirmButtonText: '确定'
            });
        })
      },
      //数据初始化方法
      getParams() {
        debugger
        var parm=this.data;

          //上传单证imgInfo
          this.imgInfo.policyNo=parm.prpLCaseDamageDTO.policyNo;
          this.imgInfo.comCode=parm.comCode;
          this.imgInfo.bussNo=parm.caseNo;

          //按钮置灰
          if(this.$route.params.taskState=="03"){
            this.buttonShow=true;
          }else{
            this.buttonShow=false;
          }
          //审核意见判断置灰
          if(parm.prpLClaimOpinionDTO!=null&&parm.prpLClaimOpinionDTO!=""){
              this.prpLClaimOpinionDTO=parm.prpLClaimOpinionDTO;
              if(this.prpLClaimOpinionDTO.auditOpinion=='03'||
              this.prpLClaimOpinionDTO.auditOpinion=='04'||
              this.prpLClaimOpinionDTO.auditOpinion=='06'){
                this.auditOpinion=true
              }else{
                this.auditOpinion=false
              }
          }
          this.prpLCaseDamageDTO = parm.prpLCaseDamageDTO;
          this.prpLCaseInfoDTO = parm.prpLCaseInfoDTO;
          //本次医疗数据转换
          this.prpLCaseInfo=[];
          if(this.prpLCaseInfoDTO.sumAmount!=null||
          this.prpLCaseInfoDTO.sumAmount!=null||
          this.prpLCaseInfoDTO.qualifiedFee!=null||
          this.prpLCaseInfoDTO.sumPayAmount!=null||
          this.prpLCaseInfoDTO.sumSelfAmount!=null||
          this.prpLCaseInfoDTO.bSelfAmount!=null||
          this.prpLCaseInfoDTO.medFee!=null||
          this.prpLCaseInfoDTO.medAmount!=null||
          this.prpLCaseInfoDTO.otherReimburseAmount!=null
          ){
            var item={};
            item.sumAmount=this.prpLCaseInfoDTO.sumAmount;
            item.qualifiedFee=this.prpLCaseInfoDTO.qualifiedFee;
            item.sumPayAmount=this.prpLCaseInfoDTO.sumPayAmount;
            item.sumSelfAmount=this.prpLCaseInfoDTO.sumSelfAmount;
            item.bSelfAmount=this.prpLCaseInfoDTO.bSelfAmount;
            item.medFee=this.prpLCaseInfoDTO.medFee;
            item.medAmount=this.prpLCaseInfoDTO.medAmount;
            item.otherReimburseAmount=this.prpLCaseInfoDTO.otherReimburseAmount;
            this.prpLCaseInfo.push(item)
          }
          this.prpLCfeecoinsDTO = parm.prpLCaseInfoDTO.prpLCfeecoinsDTOList;
           //历史轨迹
          this.prpLClaimOpinionRecordDTOList=parm.prpLCaseInfoDTO.prpLClaimOpinionRecordDTOList;
          this.prpLChargeDTO = parm.prpLCaseInfoDTO.prpLChargeDTOList;
          this.prpLKindSummaryDTO = parm.prpLCaseInfoDTO.prpLKindSummaryDTOList;
          //就诊明细数据处理
          var KindSummary = parm.prpLCaseInfoDTO.prpLKindSummaryDTOList;
          this.prpLDiagnosisDetailDTOS=[];
          for (var i = 0; i < KindSummary.length; i++) {
            var item = KindSummary[i].prpLDiagnosisDetailDTOList;
            for (var j = 0; j < item.length; j++) {
              this.prpLDiagnosisDetailDTOS.push(item[j])
            }
          }
          //账号信息数据处理
          this.prpLPayeeDTOs = []
          if(parm.prpLCaseInfoDTO.prpLPayeeDTOList.length>0){
            this.prpLPayeeDTO=parm.prpLCaseInfoDTO.prpLPayeeDTOList.filter((parm)=>parm.payType=="1");
            this.prpLPayeeDTOab=parm.prpLCaseInfoDTO.prpLPayeeDTOList.filter((parm)=>parm.payType=="2");
            this.prpLPayeeDTOac=parm.prpLCaseInfoDTO.prpLPayeeDTOList.filter((parm)=>parm.payType=="3");
          }
          this.prpLThisSettlementDTO = parm.prpLCaseInfoDTO.prpLThisSettlementDTO;
          this.prpLThismedicalinfoDTO = parm.prpLCaseInfoDTO.prpLThismedicalinfoDTO;
          //科室回显
          var departmentType=this.prpLThismedicalinfoDTO.departmentType;
          if(departmentType!=undefined&&departmentType!=null&&departmentType!=""){
            this.department=this.departmentType.filter(ele=>ele.id==departmentType)[0].children
          }
          if(this.city.length!=0){
            //省市县数据回显
            if(this.prpLThisSettlementDTO.damageProvince!=null&&this.prpLThisSettlementDTO.damageProvince!=""){
              var damageProvince=this.prpLThisSettlementDTO.damageProvince;
              this.selectProvinceAdress=this.city.filter(ele => ele.value==damageProvince)[0]
            }
            if(this.prpLThisSettlementDTO.damageCity!=null&&this.prpLThisSettlementDTO.damageCity!=""){
              var damageCity=this.prpLThisSettlementDTO.damageCity;
              this.cityListAdress = this.selectProvinceAdress.children;
              this.selectCityAdress=this.cityListAdress.filter(ele => ele.value==damageCity)[0]
            }
            if(this.prpLThisSettlementDTO.damageDistrict!=null&&this.prpLThisSettlementDTO.damageDistrict!=""){
              var damageDistrict=this.prpLThisSettlementDTO.damageDistrict;
              this.areaListAdress = this.selectCityAdress.children
              this.selectAreaAdress=this.areaListAdress.filter(ele => ele.value==damageDistrict)[0]
            }
          }
          this.data.flowdId = parm.flowdId;
          this.data.processId =parm.processId;;
          //年度累计数据转换
          let list=[];
          list.push(parm.prpLCaseInfoDTO.prpLChargeTotalDTO)
          this.prpLChargeTotalDTO =list;
      },
      handleClick() {
        this.baseInfo = !this.baseInfo;
      },
      isDisabled() {
        this.isShow = !this.isShow;
      },
      diagnosisDetails() {
        this.isDiagnosisDetails = !this.isDiagnosisDetails;
      },
      balanceInfo() {
        this.isBalance = !this.isBalance;
      },
      feeInfo() {
        this.isFee = !this.isFee;
      },
      costInfo() {
        this.isCost = !this.isCost
      },
      accountInfo() {
        this.isAccount = !this.isAccount;
      },
      // savequren() {
      //     this.$confirm('确认提交嘛？', '提示', {
      //         confirmButtonText: '确定',
      //         cancelButtonText: '取消',
      //         type: 'warning'
      //     }).then(() => {
      //         this.$message({
      //             type: 'success',
      //             message: '提交成功!'
      //         });
      //     }).catch(() => {
      //         this.$message({
      //             type: 'info',
      //             message: '提交失败'
      //         });
      //     });
      // },

      jiuzhenmessage() {
        alert($("#jiesuanxinxi"));
      },
      // 删除操作
      handleDelete(index, row) {
        // 二次确认删除
        this.$confirm('确定要删除吗？', '提示', {
          type: 'warning'
        })
          .then(() => {
            this.$message.success('删除成功');
            this.tableData.splice(index, 1);
          })
          .catch(() => {
          });
      },
      // 多选操作
      handleSelectionChange(val) {
        this.multipleSelection = val;
      },
      delAllSelection() {
        const length = this.multipleSelection.length;
        let str = '';
        this.delList = this.delList.concat(this.multipleSelection);
        for (let i = 0; i < length; i++) {
          str += this.multipleSelection[i].name + ' ';
        }
        this.$message.error(`删除了${str}`);
        this.multipleSelection = [];
      },
      // 编辑操作
      handleEdit(index, row) {
        this.idx = index;
        this.form = row;
        this.editVisible = true;
      },
      //账户信息查询
      onSubmit() {
        api.queryPyeeInfoList({
          "bankNo":this.prplPayeeList.bankNo,
          "identifyNo":this.prplPayeeList.identifyNo,
          "payeeName":this.prplPayeeList.payeeName,
          "pageNum":this.accpagination.currentPage,
          "pageSize":this.accpagination.rowsNumber,
        }).then(res => {
          this.prplPayeeData = res.data.list;
          this.accpagination.totalPage = res.data.total;;
        })
      },
      resetForm(formName) {
        this.$refs[formName].resetFields();
      },
      coldePading() {
        console.log('submit!');
      },
      handleChange(val) {
        console.log(val);
      },
      goAuchor(id, inde) {

        //debugger
        if (id == "#保单基本信息") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 0
          this.isActive = inde;
        } else if (id == "#保单信息") {
          this.isActive = inde;
          this.$refs.scrollMenuRef.wrap.scrollTop = 80
        } else if (id == "#被保险人信息") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 250
          this.isActive = inde;
        } else if (id == "#单位信息") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 600
          this.isActive = inde;
        } else if (id == "#本次就医信息") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 800
          this.isActive = inde;
        } else if (id == "#就医信息") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 820
          this.isActive = inde;
        } else if (id == "#年度累计") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 1000
          this.isActive = inde;
        } else if (id == "#本次结算信息") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 1100
          this.isActive = inde;
        } else if (id == "#基本信息") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 1150
          this.isActive = inde;
        } else if (id == "#就诊明细") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 1400
          this.isActive = inde;
        } else if (id == "#险别汇总信息") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 1900
          this.isActive = inde;
        } else if (id == "#本次医疗费用") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 1950
          this.isActive = inde;
        } else if (id == "#理赔费用信息") {
          this.$refs.scrollMenuRef.wrap.scrollTop = 2100
          this.isActive = inde;
        } else if (id == "#赔付汇总信息") {
         // console.log(this.$refs.scrollMenuRef.wrap.scrollTop)
          this.$refs.scrollMenuRef.wrap.scrollTop = 2350
          this.isActive = inde;
        } else if (id == "#共保分摊信息") {
         // console.log(this.$refs.scrollMenuRef.wrap.scrollTop)
          this.$refs.scrollMenuRef.wrap.scrollTop = 2500
          this.isActive = inde;
        } else if (id == "#账号信息") {
         // console.log(this.$refs.scrollMenuRef.wrap.scrollTop)
          this.$refs.scrollMenuRef.wrap.scrollTop = 2650
          this.isActive = inde;
        }else if (id == "#主共账号信息") {
         // console.log(this.$refs.scrollMenuRef.wrap.scrollTop)
          this.$refs.scrollMenuRef.wrap.scrollTop = 2800
          this.isActive = inde;
        }else if (id == "#从共代付账号信息") {
         // console.log(this.$refs.scrollMenuRef.wrap.scrollTop)
          this.$refs.scrollMenuRef.wrap.scrollTop = 3000
          this.isActive = inde;
        }else if (id == "#审核意见") {
         // console.log(this.$refs.scrollMenuRef.wrap.scrollTop)
          this.$refs.scrollMenuRef.wrap.scrollTop = 3150
          this.isActive = inde;
        }else if (id == "#审核意见轨迹") {
         // console.log(this.$refs.scrollMenuRef.wrap.scrollTop)
          this.$refs.scrollMenuRef.wrap.scrollTop = 3210
          this.isActive = inde;
        }

      },
      // 页面滚动时触发
      scrollMenu() {
        console.log(this.$refs.scrollMenuRef.wrap.scrollTop)
        // debugger
        let scrollTop = this.$refs.scrollMenuRef.wrap.scrollTop;
        if (scrollTop === 0) {
          this.isActive = '1';
        }
        if (scrollTop > 0 && scrollTop < 80) {
          this.isActive = '2';
        }
        if (scrollTop > 80 && scrollTop < 250) {
          this.isActive = '3';
        }
        if (scrollTop > 250 && scrollTop < 600) {
          this.isActive = '4';
        }
        if (scrollTop > 600 && scrollTop < 800) {
          this.isActive = '5';
        }
        if (scrollTop > 800 && scrollTop < 820) {
          this.isActive = '6';
        }
        if (scrollTop > 820 && scrollTop < 1000) {
          this.isActive = '7';
        }
        if (scrollTop > 1000 && scrollTop < 1100) {
          this.isActive = '8';
        }
        if (scrollTop > 1100 && scrollTop < 1150) {
          this.isActive = '9';
        }
        if (scrollTop > 1150 && scrollTop < 1400) {
          this.isActive = '10';
        }
        if (scrollTop > 1400 && scrollTop < 1900) {
          this.isActive = '11';
        }
        if (scrollTop > 1900 && scrollTop < 2000) {
          this.isActive = '12';
        }
        if (scrollTop > 2000 && scrollTop < 2300) {
          this.isActive = '13';
        }
        if (scrollTop > 2300 && scrollTop < 2450) {
          this.isActive = '14';
        }
        if (scrollTop > 2450 && scrollTop < 2600) {
          this.isActive = '15';
        }
        if (scrollTop > 2600 && scrollTop < 2700) {
          this.isActive = '16';
        }
        if (scrollTop > 2700 && scrollTop < 2900) {
          this.isActive = '17';
        }
        if (scrollTop > 2900 && scrollTop < 3100) {
          this.isActive = '18';
        }
        if (scrollTop > 3100 && scrollTop < 3200) {
          this.isActive = '19';
        }
        if (scrollTop > 3200) {
          this.isActive = '20';
        }
      },
       //单证上传方法
      imgUPload() {
        this.imgInfo.userCode=  Cookies.get("userCode");
        if(this.imgInfo.policyNo != null  && this.imgInfo.bussNo != null && this.imgInfo.comCode != null && this.imgInfo.userCode != null){
          api.imgUPload(this.imgInfo).then(res => {
              window.open(res.data.url)
          })
        } else {
           this.$message.error(`请您先暂存后，再上传影像资料！`);
        }
      },
      //查看单证方法
      imgQueryShow(){
         this.imgInfo.bussNo= this.prpLCaseDamageDTO.caseNo;
         console.log(this.imgInfo.bussNo)
         if(this.imgInfo.bussNo !== null){
           api.imgQueryShow(this.imgInfo.bussNo).then(res => {
              window.open(res.data.url)
           })
         }else{
             this.$message.error(`请您先暂存后，再上传影像资料！`);
         }
      }
    },
    mounted() {
      //  debugger
      // window.addEventListener("scroll", this.scrollMenu);
      // 监听el-scrollbar内滚动条的滚动
      this.$refs.scrollMenuRef.wrap.addEventListener("scroll", this.scrollMenu);
      // this.$refs.scrollMenuRef.wrap.addEventListener("scroll", this.scrollMenu);
    }
  };
</script>
